:root{--bg:#f7f8fb;--surface:#fff;--ink:#1c1f26;--muted:#6b7280;--line:#e8ebf2;--accent:#ff6b2c;--accent-deep:#e85a1c;--accent-soft:#fff1ea;--shadow:0 12px 32px #1c1f2612;--radius:18px;--font-display:"Outfit", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", "Outfit", sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}#app{min-height:100vh;position:relative;overflow-x:hidden}.backdrop{pointer-events:none;background:radial-gradient(ellipse 80% 50% at 10% -10%, #ff6b2c1f, transparent 55%), radial-gradient(ellipse 60% 45% at 95% 5%, #638cff1a, transparent 50%), radial-gradient(circle at 70% 80%, #ff6b2c0d, transparent 40%), var(--bg);position:absolute;inset:0}.backdrop:before,.backdrop:after{content:"";border:1px solid #1c1f260f;border-radius:50%;position:absolute}.backdrop:before{width:min(72vw,640px);height:min(72vw,640px);top:-12%;right:-8%}.backdrop:after{width:min(48vw,420px);height:min(48vw,420px);bottom:8%;left:-6%}.shell{z-index:1;width:min(1080px,100% - 2rem);margin:0 auto;padding:1rem 0 2.5rem;position:relative}.nav{justify-content:space-between;align-items:center;gap:1rem;padding:.25rem 0 1.25rem;animation:.7s both rise;display:flex}.brand{align-items:center;gap:.7rem;display:flex}.brand-logo{object-fit:contain;width:auto;height:64px;display:block}.nav-actions{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.nav-admin,.nav-cta{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.86rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.nav-admin{border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:0 4px 14px #1c1f260a}.nav-admin:hover{border-color:#d7dbe6;transform:translateY(-1px)}.nav-cta{background:var(--accent);color:#fff;box-shadow:0 10px 24px #ff6b2c47}.nav-cta:hover{background:var(--accent-deep);transform:translateY(-1px)}.hero{padding:.75rem 0 1.5rem;animation:.8s 80ms both rise}.eyebrow{color:var(--muted);align-items:center;gap:.45rem;margin-bottom:.7rem;font-size:.86rem;display:inline-flex}.dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 4px #22c55e26}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:clamp(1.65rem,3.6vw,2.55rem);font-weight:700;line-height:1.2}.hero h1 span{color:var(--accent)}.grid{grid-template-columns:repeat(2,1fr);gap:.85rem;animation:.85s .16s both rise;display:grid}@media (width>=960px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fffc;flex-direction:column;min-height:0;padding:1rem 1rem .9rem;transition:transform .25s,box-shadow .25s;display:flex}.card:is(a):hover{transform:translateY(-3px);box-shadow:0 18px 44px #1c1f261a}.card.soon{opacity:.72;background:linear-gradient(#fff 0%,#fbfbfd 100%)}.card.unavailable{opacity:.72;cursor:not-allowed;background:linear-gradient(#fff 0%,#fbfbfd 100%)}.card.unavailable .icon{color:#9aa3b2;background:#eef1f6}.card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.7rem;display:flex}.icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.icon.muted{color:#9aa3b2;background:#eef1f6}.badge{color:#15803d;background:#ecfdf3;border-radius:999px;flex-shrink:0;padding:.22rem .55rem;font-size:.68rem;font-weight:600}.badge.wait{color:#6b7280;background:#f3f4f6}.badge.unavailable{color:#b42318;background:#fff1f0}.card h2{margin:0 0 .4rem;font-size:1rem;font-weight:700;line-height:1.3}.card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.card-foot{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;margin-top:.85rem;display:flex}.path{font-family:var(--font-display);color:#9aa3b2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;overflow:hidden}.btn{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 6px 14px #ff6b2c38}.btn-ghost{color:#9aa3b2;box-shadow:none;background:#f3f4f6}.btn-disabled{color:#6b7280;box-shadow:none;background:#e5e7eb}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.65rem;margin-top:2rem;padding-top:1rem;font-size:.82rem;animation:.9s .22s both rise;display:flex}.beian:hover{color:var(--accent)}.modal[hidden]{display:none}.modal{z-index:40;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1012186b;position:absolute;inset:0}.modal-panel{z-index:1;background:var(--surface);border:1px solid #fffc;border-radius:20px;width:min(440px,100%);padding:1.15rem 1.15rem 1.05rem;animation:.25s both rise;position:relative;box-shadow:0 28px 80px #10121847}.modal-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.95rem;display:flex}.modal-head h2{margin:0;font-size:1.1rem;font-weight:700}.modal-close{width:32px;height:32px;color:var(--muted);background:#f3f4f6;border-radius:999px;flex-shrink:0;place-items:center;font-size:1.35rem;line-height:1;display:grid}.modal-close:hover{color:var(--ink);background:#e8ebf2}.admin-list{flex-direction:column;gap:.55rem;display:flex}.admin-item{border:1px solid var(--line);background:#fbfcfe;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .9rem;transition:border-color .2s,transform .2s,background .2s;display:flex}.admin-item:hover{background:var(--accent-soft);border-color:#ffd4c0;transform:translateY(-1px)}.admin-item-main{flex-direction:column;gap:.2rem;min-width:0;display:flex}.admin-item-main strong{font-size:.92rem}.admin-item-main span{color:var(--muted);font-size:.78rem;line-height:1.4}.admin-item code{font-family:var(--font-display);color:var(--accent-deep);white-space:nowrap;background:#fff;border:1px solid #ffdccb;border-radius:999px;flex-shrink:0;padding:.22rem .55rem;font-size:.72rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #22c55e26}50%{box-shadow:0 0 0 8px #22c55e0d}}@media (width<=860px){.grid{grid-template-columns:1fr}.hero h1{white-space:normal}.nav-actions{gap:.4rem}.nav-admin,.nav-cta{padding:.48rem .8rem;font-size:.8rem}}@media (width<=420px){.shell{width:calc(100% - 1.25rem)}.admin-item{flex-direction:column;align-items:flex-start}}