:root{color-scheme:dark;--page: #08090a;--panel: #1f2022;--panel-soft: #27282a;--line: rgba(255, 255, 255, .1);--text: #f2f4f5;--muted: #a3aab2;--orange: #ff9f2a;--orange-soft: rgba(255, 159, 42, .16);--shadow: 0 12px 28px rgba(0, 0, 0, .24);--topbar-height: 66px}*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:rgba(255,159,42,.42) rgba(255,255,255,.06)}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--text);font-family:Avenir Next,Noto Sans SC,PingFang SC,Microsoft YaHei,Helvetica,sans-serif;font-size:15px;line-height:1.55}html::-webkit-scrollbar,body::-webkit-scrollbar{width:2px;height:2px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{border-radius:999px;background:#ff9f2a6b}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}#app{min-height:100vh}.ui-icon{width:16px;height:16px;flex-shrink:0;fill:currentColor}.nav-page{position:relative;min-height:100vh;isolation:isolate}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(255,140,30,.2),transparent 55%),radial-gradient(ellipse 60% 40% at 95% 5%,rgba(88,120,255,.1),transparent 50%),linear-gradient(180deg,#0a0b0e,#060708 48%,#050506)}.ambient-bg:before,.ambient-bg:after{content:"";position:absolute;border-radius:50%;opacity:.4;pointer-events:none}.ambient-bg:before{top:-12%;left:-10%;width:min(440px,58vw);height:min(440px,58vw);background:radial-gradient(circle,rgba(255,159,42,.24) 0%,transparent 68%)}.ambient-bg:after{right:-8%;bottom:8%;width:min(380px,50vw);height:min(380px,50vw);background:radial-gradient(circle,rgba(70,110,255,.12) 0%,transparent 70%)}.nav-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--topbar-height);padding:12px max(20px,calc((100vw - 1320px)/2 + 20px));border-bottom:1px solid rgba(255,255,255,.06);background:#060709f0;box-shadow:0 1px #ffffff0d,0 12px 40px #00000059}.nav-brand{display:flex;align-items:center;gap:12px;min-width:0}.nav-brand__logo{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);object-fit:cover;background:#ffffff0a}.nav-brand__text{display:grid;gap:2px;min-width:0}.nav-brand__text strong{font-size:1rem;font-weight:800;letter-spacing:.02em;color:#f7f2ea}.nav-brand__text small{color:var(--muted);font-size:.78rem;font-weight:600}.nav-topbar__badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(255,159,42,.28);border-radius:999px;background:#ff9f2a1a;color:#ffd9a8;font-size:.78rem;font-weight:700;white-space:nowrap}.nav-shell{position:relative;z-index:1;width:min(1320px,calc(100% - 40px));margin:0 auto;padding:22px 0 64px;display:grid;gap:20px}.nav-hero{padding:24px 26px;border:1px solid rgba(255,159,42,.2);border-radius:22px;background:linear-gradient(115deg,rgba(255,159,42,.1) 0%,transparent 42%),linear-gradient(180deg,#202226f5,#0e1013fa);box-shadow:0 20px 44px #00000052}.nav-hero__eyebrow{margin:0 0 8px;color:#ffd9a8;font-size:.78rem;font-weight:700;letter-spacing:.12em}.nav-hero h1{margin:0;font-size:clamp(1.6rem,3.6vw,2.35rem);line-height:1.12;font-weight:800;color:#f7f2ea;letter-spacing:-.02em}.nav-hero__copy{max-width:560px;margin:12px 0 0;color:#d2d8e0eb;font-size:.94rem;line-height:1.75}.nav-section{padding:20px 20px 18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%),#0e1013e0;box-shadow:0 16px 40px #00000047}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.section-head{display:flex;align-items:center;gap:12px;min-width:0}.section-accent{flex-shrink:0;width:3px;height:28px;border-radius:999px;background:linear-gradient(180deg,#ffb04c,#ff6a00)}.section-head h2{margin:0;font-size:1.05rem;font-weight:800;color:#f2f4f5}.section-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(255,159,42,.28);border-radius:999px;background:#ff9f2a1a;color:#ffd9a8;font-size:.78rem;font-weight:700;white-space:nowrap}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.site-card{display:grid;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,#27282aeb,#181a1cfa);box-shadow:inset 0 1px #ffffff0a;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.site-card:hover{border-color:#ff9f2a52;box-shadow:inset 0 1px #ffffff0f,0 14px 28px #0000003d;transform:translateY(-1px)}.site-card--featured{border-color:#ff9f2a42;background:linear-gradient(135deg,rgba(255,159,42,.12),transparent 48%),linear-gradient(180deg,#2a241ef5,#161412fa)}.site-card__head{display:flex;align-items:center;gap:12px;min-width:0}.site-card__icon-wrap{flex-shrink:0;width:52px;height:52px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:#2a2b2d;box-shadow:0 8px 18px #00000047}.site-card__icon{display:block;width:100%;height:100%;object-fit:cover}.site-card__icon-fallback{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#ffb04859,#ff781e33);color:#ffe8c8;font-size:1.2rem;font-weight:800}.site-card__title{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.site-card__title h3{margin:0;flex:1 1 auto;min-width:0;font-size:1.02rem;font-weight:800;line-height:1.25;color:#f7f2ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-badge{display:inline-flex;align-items:center;flex-shrink:0;min-height:22px;padding:0 8px;border:1px solid rgba(255,159,42,.32);border-radius:999px;background:#ff9f2a1f;color:#ffd9a8;font-size:.7rem;font-weight:700}.site-card__desc{margin:0;color:var(--muted);font-size:.86rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-card__url{color:#ffc88ce0;font-size:.82rem;line-height:1.5;word-break:break-all}.site-card__url:hover{color:#ffe8c8;text-decoration:underline;text-underline-offset:2px}.site-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid transparent;font-size:.84rem;font-weight:700;letter-spacing:.01em;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.primary-button{border-color:#ffbe6e80;background:linear-gradient(135deg,#ffc76a,#ff9f2a 52%,#ff7a12);color:#1a1006;box-shadow:inset 0 1px #ffffff57,0 0 0 1px #ff8c2829}.primary-button .ui-icon{color:#1a1006d1}.primary-button:hover{border-color:#ffd48a;background:linear-gradient(135deg,#ffd48a,#ffad42 52%,#ff8618)}.ghost-button{border-color:#ffffff1f;background:linear-gradient(180deg,#303236eb,#1e2024fa);color:#f2f6faf0;box-shadow:inset 0 1px #ffffff14,0 1px #0000002e}.ghost-button .ui-icon{color:#ffc88ce0}.ghost-button:hover{border-color:#ff9f2a7a;background:linear-gradient(180deg,#483622f2,#2a2016fa);color:#fff0dc}.ghost-button:hover .ui-icon{color:#ffc978}.primary-button:focus-visible,.ghost-button:focus-visible{outline:0;box-shadow:inset 0 1px #ffffff1a,0 0 0 2px #ff9f2a47}.nav-state{display:grid;gap:10px;justify-items:center;padding:28px 24px;border:1px solid var(--line);border-radius:20px;background:#0e1013e0;box-shadow:var(--shadow);text-align:center}.nav-state strong{font-size:1.02rem;font-weight:800}.nav-state span{max-width:420px;color:var(--muted);line-height:1.7;font-size:.9rem}.nav-state--error{border-color:#ff785a47;background:linear-gradient(180deg,rgba(255,90,60,.08),transparent 40%),#0e1013eb}@media (max-width: 1080px){.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.nav-topbar{padding:12px 14px}.nav-shell{width:min(100% - 28px,1320px);padding-top:16px}.nav-hero{padding:18px 16px;border-radius:16px}.nav-section{padding:16px 14px 14px;border-radius:16px}.section-row{align-items:flex-start;flex-direction:column}.site-grid{grid-template-columns:1fr}.site-card__actions{display:grid;grid-template-columns:1fr}.site-card__actions .primary-button,.site-card__actions .ghost-button{width:100%}}