:root{--nav-bg:#111315;--nav-panel:#222528;--nav-line:rgba(255,255,255,.10);--nav-text:#f6f7f8;--nav-muted:#a9afb8;--nav-gold:#f5c85b;--nav-blue:#22a7f0;--nav-orange:#ff8a25}
.site-nav{box-sizing:border-box;position:sticky;top:0;z-index:1000;height:calc(68px + env(safe-area-inset-top,0px));background:rgba(17,19,21,.97);border-bottom:1px solid var(--nav-line);display:flex;align-items:center;padding:env(safe-area-inset-top,0px) max(22px,calc((100vw - 1540px)/2 + 28px)) 0;gap:28px;backdrop-filter:blur(14px)}
.site-brand{display:flex;align-items:center;gap:11px;color:var(--nav-text);text-decoration:none;font-size:21px;font-weight:900;white-space:nowrap;letter-spacing:.02em}.site-logo{position:relative;width:26px;height:30px}.site-logo:before,.site-logo:after,.site-logo i{content:"";position:absolute;left:2px;width:19px;height:11px;border-radius:9px 12px 12px 9px;transform:rotate(30deg)}.site-logo:before{top:3px;background:var(--nav-blue)}.site-logo:after{bottom:3px;background:var(--nav-orange);transform:rotate(-30deg)}.site-logo i{left:8px;top:9px;width:15px;height:12px;background:#ffd233;transform:rotate(0);clip-path:polygon(0 0,100% 50%,0 100%)}
.site-search{position:absolute;left:50%;transform:translateX(-50%);z-index:2;width:min(390px,34vw);height:38px}.site-search input{width:100%;height:100%;border:1px solid transparent;border-radius:22px;background:#25282b;color:var(--nav-text);padding:0 44px 0 18px;outline:none;font:inherit}.site-search input:focus{border-color:#4c5966;background:#202326}.site-search>button[type="submit"]{position:absolute;right:4px;top:3px;width:34px;height:32px;border:0;background:transparent;color:#b9c5d2;font-size:18px;cursor:pointer}.search-history{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:9px;background:#1b1e22;border:1px solid var(--nav-line);border-radius:13px;box-shadow:0 18px 55px rgba(0,0,0,.48)}.site-search.has-history:hover .search-history,.site-search.has-history:focus-within .search-history,.site-search.has-history.history-open .search-history{display:block}.search-history-head{display:flex;align-items:center;justify-content:space-between;padding:4px 7px 8px;color:var(--nav-muted);font-size:12px}.search-history-head .search-history-clear{position:static;width:auto;height:auto;padding:2px 5px;border:0;background:transparent;color:#8fcbed;font:inherit;cursor:pointer}.search-history-list{display:grid;gap:3px;max-height:260px;overflow:auto}.search-history-list .search-history-item{position:static;width:100%;height:auto;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#e7e9ec;font:inherit;font-size:13px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.search-history-list .search-history-item:hover,.search-history-list .search-history-item:focus{background:#2b3036;color:#fff;outline:none}
.site-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.nav-action{border:0;background:transparent;color:#d7dbe0;cursor:pointer;font:inherit;font-size:13px;padding:7px 3px;white-space:nowrap}.nav-action:hover{color:#fff}.nav-action .nav-icon{display:block;font-size:20px;line-height:1;margin-bottom:4px}.login-pill,.user-pill{border:1px solid var(--nav-line);border-radius:20px;background:#25282b;color:#fff;padding:8px 15px;cursor:pointer;font:inherit;font-weight:700;white-space:nowrap}.user-pill{display:flex;align-items:center;gap:8px;padding:5px 13px 5px 6px}.user-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#31aef2,#ff9839);font-size:13px}.vip-chip{border:1px solid rgba(245,200,91,.28);border-radius:16px;color:var(--nav-gold);background:rgba(245,200,91,.08);padding:8px 12px;font-size:12px;white-space:nowrap}
.app-modal{position:fixed;z-index:2000;inset:0;background:rgba(0,0,0,.68);display:none;align-items:center;justify-content:center;padding:20px}.app-modal.open{display:flex}.modal-card{width:min(430px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;background:#171a1f;border:1px solid var(--nav-line);border-radius:18px;color:#f3f5f7;box-shadow:0 28px 90px rgba(0,0,0,.55)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--nav-line)}.modal-head h2{font-size:20px;margin:0}.modal-close{width:32px;height:32px;border:0;background:#24282e;border-radius:50%;color:#fff;cursor:pointer;font-size:20px}.modal-body{padding:22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#22262c;border-radius:10px;padding:3px;margin-bottom:20px}.auth-tab{border:0;border-radius:8px;padding:10px;background:transparent;color:var(--nav-muted);cursor:pointer;font:inherit}.auth-tab.active{background:#343941;color:#fff;font-weight:700}.auth-form{display:none}.auth-form.active{display:block}.field{display:block;margin-bottom:15px;color:#c6cbd2;font-size:13px}.field input,.field select{display:block;width:100%;height:44px;margin-top:7px;padding:0 13px;border:1px solid var(--nav-line);border-radius:9px;background:#0f1216;color:#fff;outline:none;font:inherit}.field input:focus,.field select:focus{border-color:#4aa9e5}.primary-action{width:100%;height:44px;border:0;border-radius:10px;background:linear-gradient(90deg,#22a7f0,#ff9b32);color:#fff;font-weight:800;cursor:pointer;font:inherit}.form-note{color:var(--nav-muted);font-size:12px;line-height:1.7;margin:12px 0 0}.form-message{min-height:22px;margin:10px 0;color:#ff9c9c;font-size:13px}.form-message.ok{color:#6ee0b5}.member-card{padding:16px;border:1px solid var(--nav-line);border-radius:12px;background:#111419;margin-bottom:16px}.member-card strong{display:block;font-size:18px;margin-bottom:7px}.member-state{color:var(--nav-gold);font-size:13px}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:54px 1fr;gap:11px;padding:8px;border-radius:10px;background:#111419;color:#fff;text-decoration:none}.history-item img{width:54px;height:74px;object-fit:cover;border-radius:7px}.history-copy{min-width:0;padding:4px 0}.history-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-episode{margin-top:8px;color:var(--nav-muted);font-size:12px}.history-empty{padding:35px 10px;text-align:center;color:var(--nav-muted)}
@media(max-width:900px){.site-nav{gap:14px}.site-actions{gap:9px}.vip-chip{display:none}.site-search{width:min(300px,36vw)}}
@media(max-width:660px){.site-nav{height:auto;min-height:calc(62px + env(safe-area-inset-top,0px));padding:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px));flex-wrap:wrap}.site-brand{font-size:18px}.site-search{position:relative;left:auto;transform:none;order:3;width:100%;height:36px}.site-search input,.field input,.field select{font-size:16px}.site-actions{margin-left:auto;gap:6px}.nav-action span:last-child{display:none}.nav-action .nav-icon{margin:0}.login-pill,.user-pill{max-width:128px;padding-right:10px}.user-pill .user-name{max-width:70px;overflow:hidden;text-overflow:ellipsis}.site-nav+.shell{padding-top:20px}}