*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f5f7;color:#1d1d1f;line-height:1.6}a{color:inherit;text-decoration:none}.navbar{background:#fff;border-bottom:1px solid #e5e5e5;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-logo{font-size:20px;font-weight:600;color:#5340b8}.navbar-logo span{color:#1d1d1f}.navbar-links{display:flex;gap:24px;font-size:14px;color:#555}.navbar-btns{display:flex;gap:10px}.btn{padding:8px 18px;border-radius:8px;border:1px solid #ddd;font-size:14px;cursor:pointer;background:#fff;color:#333;transition:all .15s}.btn:hover{background:#f5f5f7}.btn-primary{background:#5340b8;color:#fff;border-color:#5340b8}.btn-primary:hover{background:#4230a8}.hero{background:#f0effe;padding:50px 20px 40px;text-align:center}.hero h1{font-size:32px;font-weight:600;margin-bottom:8px;color:#2d2060}.hero p{font-size:15px;color:#5340b8;margin-bottom:24px}.search-bar{display:flex;max-width:580px;margin:0 auto;gap:10px}.search-bar input{flex:1 1;padding:12px 18px;border-radius:10px;border:1px solid #ccc;font-size:15px;background:#fff}.search-bar input:focus{outline:none;border-color:#5340b8}.subject-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.subject-tag{padding:5px 14px;border-radius:99px;font-size:13px;cursor:pointer;border:1px solid}.card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:18px;margin-bottom:14px}.paper-item{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f0f0f0}.paper-item:last-child{border-bottom:none;padding-bottom:0}.rank-num{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.rank-1{background:#faeeda;color:#633806}.rank-2{background:#f1efe8;color:#444}.rank-3{background:#faece7;color:#712b13}.rank-n{background:#f5f5f7;color:#888}.paper-title{font-size:15px;font-weight:500;margin-bottom:5px}.paper-meta{font-size:13px;color:#888;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.score-pill{background:#eaf3de;color:#27500a;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:500}.score-pill-mid{background:#eeedfe;color:#3c3489}.main-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:16px;gap:16px;padding:20px;max-width:1200px;margin:0 auto}.form-group{margin-bottom:16px}.form-label{font-size:14px;font-weight:500;margin-bottom:6px;display:block;color:#555}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #ddd;font-size:14px;background:#fff;color:#333}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#5340b8}.form-textarea{resize:vertical;min-height:100px}.level-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:500}.level-1{background:#f1efe8;color:#444}.level-2{background:#faeeda;color:#633806}.level-3{background:#eaf3de;color:#27500a}.level-4{background:#eeedfe;color:#3c3489}.level-5{background:#faece7;color:#712b13}.alert{padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:12px}.alert-success{background:#eaf3de;color:#27500a}.alert-error{background:#fcebeb;color:#501313}.alert-info{background:#eeedfe;color:#3c3489}@media(max-width:768px){.main-layout{grid-template-columns:1fr}.navbar-links{display:none}}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:#333;border-radius:99px;transition:all .3s}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;padding:12px 20px;z-index:999;box-shadow:0 4px 20px rgba(0,0,0,.08)}.mobile-menu a{display:block;padding:10px 0;font-size:15px;color:#333;border-bottom:1px solid #f0f0f0}.mobile-menu a:last-child{border-bottom:none}.mobile-menu.open{display:block}@media(max-width:768px){.navbar-links{display:none!important}.hamburger{display:flex!important}.main-layout{grid-template-columns:1fr!important}.hero h1{font-size:22px}.hero p{font-size:13px}.search-bar{flex-direction:column}.search-bar input{border-radius:8px!important;border-right:1px solid #ccc!important}.search-bar button{border-radius:8px!important;width:100%}}