:root{--brand: #0f3d3e;--brand-ink: #0a2a2b;--brand-soft: #1a5556;--accent: #14b8a6;--accent-hover: #0d9488;--accent-soft: rgba(20, 184, 166, .12);--bg: #f3f1ec;--bg-elevated: #faf9f6;--bg-muted: #e8e5de;--surface: #ffffff;--surface-hover: #f7f5f0;--border: rgba(15, 61, 62, .12);--border-strong: rgba(15, 61, 62, .22);--text: #141816;--text-secondary: #3d4543;--text-muted: #5c6663;--text-inverse: #faf9f6;--success: #15803d;--success-bg: rgba(21, 128, 61, .1);--warn: #b45309;--warn-bg: rgba(180, 83, 9, .1);--danger: #b91c1c;--danger-bg: rgba(185, 28, 28, .1);--info: #0369a1;--info-bg: rgba(3, 105, 161, .1);--font-display: "Microsoft YaHei", "微软雅黑", sans-serif;--font-body: "Microsoft YaHei", "微软雅黑", sans-serif;--font-mono: Consolas, "Courier New", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fs-hero: clamp(2.5rem, 6vw, 4.25rem);--lh-tight: 1.2;--lh-body: 1.65;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(15, 24, 22, .06);--shadow-md: 0 4px 12px rgba(15, 24, 22, .08);--shadow-lg: 0 8px 24px rgba(15, 24, 22, .1);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .16s;--dur: .24s;--dur-slow: .28s;--z-nav: 100;--z-dropdown: 200;--z-modal: 300;--z-toast: 400;--z-cmdk: 500;--nav-h: 64px;--content-max: 1120px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--focus-ring: 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);--touch-min: 44px}[data-theme=dark]{--bg: #0e1413;--bg-elevated: #141c1b;--bg-muted: #1a2422;--surface: #18201e;--surface-hover: #1f2927;--border: rgba(244, 241, 236, .1);--border-strong: rgba(244, 241, 236, .18);--text: #f0ebe3;--text-secondary: #c4beb4;--text-muted: #8f8980;--text-inverse: #0e1413;--brand: #7dd3c8;--brand-ink: #a7e8df;--accent: #2dd4bf;--accent-hover: #5eead4;--accent-soft: rgba(45, 212, 191, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text);background:var(--bg);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}img{max-width:100%;display:block}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:16px}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-tight);letter-spacing:-.02em;margin:0 0 var(--space-3);color:var(--text)}p{margin:0 0 var(--space-4);color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;background:var(--brand);color:var(--text-inverse);font-weight:600;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out)}.btn:hover{background:var(--brand-soft);color:var(--text-inverse);text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-busy=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-accent{background:var(--accent);color:#042f2e}.btn-accent:hover{background:var(--accent-hover);color:#042f2e}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.field input,.field select,.field textarea{min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.field-error{font-size:var(--fs-sm);color:var(--danger);margin:0}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;background:var(--bg-muted);color:var(--text-secondary)}.badge-free{background:var(--success-bg);color:var(--success)}.badge-vip{background:var(--warn-bg);color:var(--warn)}.badge-auth{background:var(--info-bg);color:var(--info)}.badge-sign{background:var(--accent-soft);color:var(--brand-ink)}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--surface-hover) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:skeleton-shine 1.2s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.state-block{padding:var(--space-7);text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated)}.state-block.error{color:var(--danger);border-color:#b91c1c4d}.page-enter{animation:page-in var(--dur-slow) var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.list-enter>*{animation:list-in var(--dur) var(--ease-out) both}.list-enter>*:nth-child(1){animation-delay:20ms}.list-enter>*:nth-child(2){animation-delay:40ms}.list-enter>*:nth-child(3){animation-delay:60ms}.list-enter>*:nth-child(4){animation-delay:80ms}.list-enter>*:nth-child(5){animation-delay:.1s}@keyframes list-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.site-nav{position:sticky;top:0;z-index:var(--z-nav);height:calc(var(--nav-h) + var(--safe-top));padding-top:var(--safe-top);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-nav-inner{max-width:var(--content-max);margin:0 auto;height:var(--nav-h);padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text);min-height:var(--touch-min)}.brand-link img{width:36px;height:36px}.brand-name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);letter-spacing:-.03em;color:var(--brand)}.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-links a,.nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;border:none;background:transparent;cursor:pointer;font-weight:500}.nav-links a:hover,.nav-icon-btn:hover,.nav-links a.active{color:var(--text);background:var(--bg-muted)}.nav-cta{margin-left:var(--space-2)}.site-main{flex:1;width:100%}.site-footer{border-top:1px solid var(--border);padding:var(--space-6) var(--space-5);padding-bottom:calc(var(--space-6) + var(--safe-bottom));background:var(--bg-elevated)}.site-footer-inner{max-width:var(--content-max);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:center;font-size:var(--fs-sm);color:var(--text-muted)}.site-footer a{color:var(--text-secondary)}.mobile-more{display:none;position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + var(--safe-bottom));z-index:var(--z-nav);min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-md);font-weight:600;cursor:pointer}@media(max-width:768px){.nav-links .nav-hide-sm{display:none}.mobile-more{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4)}}.toast-host{position:fixed;top:calc(var(--nav-h) + var(--space-3) + var(--safe-top));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text);font-size:var(--fs-sm);animation:list-in var(--dur) var(--ease-out)}.toast.success{border-color:#15803d59}.toast.error{border-color:#b91c1c59}.toast.warn{border-color:#b4530959}.modal-host[hidden]{display:none!important}.modal-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#0a100f73}.modal-panel{width:min(480px,100%);max-height:min(85dvh,720px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5)}.modal-body{margin:0 0 var(--space-4);max-height:min(60vh,420px);overflow:auto}.modal-panel h2{font-size:var(--fs-xl)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}.cmdk-host[hidden]{display:none!important}.cmdk-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-cmdk);display:flex;align-items:flex-start;justify-content:center;padding:12vh var(--space-4) var(--space-4);background:#0a100f66}.cmdk-panel{width:min(560px,100%);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cmdk-panel input{width:100%;border:none;border-bottom:1px solid var(--border);padding:var(--space-4);min-height:var(--touch-min);background:transparent;font-size:16px}.cmdk-list{max-height:320px;overflow:auto;padding:var(--space-2)}.cmdk-item{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;background:transparent;text-align:left;color:var(--text)}.cmdk-item[aria-selected=true],.cmdk-item:hover{background:var(--accent-soft)}.cmdk-hint{font-size:var(--fs-xs);color:var(--text-muted)}.section{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-5)}.section-title{font-size:var(--fs-2xl);color:var(--brand)}.section-lead{max-width:40rem;margin-bottom:var(--space-6)}.home-minimal{min-height:calc(100dvh - var(--nav-h) - 5.5rem);display:grid;place-content:center;text-align:center;padding:var(--space-8) var(--space-5);gap:var(--space-3)}.home-minimal-title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;letter-spacing:-.03em;color:var(--brand);line-height:1.25}.home-minimal-sub{margin:0;color:var(--text-muted);font-size:var(--fs-lg)}.hero{position:relative;min-height:calc(100dvh - var(--nav-h));display:grid;grid-template-rows:1fr auto}.hero-copy{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-6);display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}.hero-brand{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:800;letter-spacing:-.04em;color:var(--brand);margin:0;line-height:1.05}.hero-tagline{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:var(--text);margin:0;max-width:28ch}.hero-support{margin:0;max-width:42ch;color:var(--text-secondary);font-size:var(--fs-lg)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.hero-bleed{width:100%;min-height:clamp(220px,36vw,420px);background:linear-gradient(180deg,transparent 0%,var(--bg) 100%),linear-gradient(135deg,#0f3d3e,#1a5556 42%,#0d9488);position:relative;overflow:hidden}.hero-bleed-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-6)}.hero-icon-plane{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;gap:clamp(12px,2vw,28px);padding:clamp(16px,3vw,40px);align-content:center;justify-items:center;opacity:.92}.hero-icon-tile{width:clamp(40px,7vw,72px);height:clamp(40px,7vw,72px);display:grid;place-items:center;text-decoration:none;transform:translateY(calc(var(--i, 0) * 1px)) scale(.96);animation:hero-tile-in .7s ease both;animation-delay:calc(var(--i, 0) * 28ms);transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.hero-icon-tile:hover,.hero-icon-tile:focus-visible{transform:scale(1.08);filter:drop-shadow(0 10px 22px rgba(0,0,0,.32))}.hero-icon-tile img{width:100%;height:100%;object-fit:contain;border-radius:18%}@keyframes hero-tile-in{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(.96)}}@media(max-width:720px){.hero-icon-plane{grid-template-columns:repeat(4,1fr)}}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.work-item{display:block;text-decoration:none;color:inherit;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out);min-height:160px}.work-item:hover,.work-item:focus-visible{border-color:var(--accent);transform:translateY(-2px);text-decoration:none;color:inherit}.work-item h3{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.cap-list{display:grid;gap:var(--space-3);padding:0;margin:0;list-style:none}.cap-list li{padding:var(--space-4) 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:140px 1fr;gap:var(--space-4)}.cap-list strong{color:var(--brand);font-family:var(--font-display)}@media(max-width:640px){.cap-list li{grid-template-columns:1fr;gap:var(--space-1)}}.soft-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);align-items:center}.soft-toolbar input[type=search]{flex:1;min-width:200px;min-height:var(--touch-min);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.filter-chip{min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:500}.filter-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--brand-ink)}.soft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.soft-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--dur) var(--ease-out)}.soft-card:hover{border-color:var(--border-strong)}.soft-card-top{display:flex;gap:var(--space-3);align-items:flex-start}.soft-icon{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-muted);flex-shrink:0}.soft-card h3{font-size:var(--fs-lg);margin:0 0 4px}.soft-card h3 a{color:inherit;text-decoration:none}.soft-card h3 a:hover{color:var(--accent)}.soft-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-muted)}.soft-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.detail-head{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-6)}.detail-head img{width:72px;height:72px;border-radius:var(--radius-md);background:var(--bg-muted)}.detail-panels{display:grid;gap:var(--space-5)}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-5)}.panel h2{font-size:var(--fs-lg);margin-bottom:var(--space-4)}.log-item{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.log-item:last-child{border-bottom:none}.auth-wrap{min-height:calc(100dvh - var(--nav-h) - 120px);display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5)}.auth-card{width:min(420px,100%);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.auth-card h1{font-size:var(--fs-2xl);color:var(--brand)}.auth-links{margin-top:var(--space-4);font-size:var(--fs-sm);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:var(--space-3)}.password-row{display:flex;gap:var(--space-2)}.password-row input{flex:1}.account-layout{max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8);display:grid;grid-template-columns:220px 1fr;gap:var(--space-6)}.account-tabs{display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:calc(var(--nav-h) + var(--space-4));align-self:start}.account-tabs button{min-height:var(--touch-min);text-align:left;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:500}.account-tabs button.active,.account-tabs button:hover{background:var(--accent-soft);color:var(--brand-ink)}.account-panel h1{font-size:var(--fs-2xl);color:var(--brand);margin-bottom:var(--space-5)}.account-grid{display:grid;gap:var(--space-4)}.info-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.info-row span:first-child{color:var(--text-muted)}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:800px){.account-layout{grid-template-columns:1fr}.account-tabs{position:static;flex-direction:row;overflow-x:auto;padding-bottom:var(--space-2)}.account-tabs button{white-space:nowrap}}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.data th,table.data td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border)}table.data th{color:var(--text-muted);font-weight:600}.avatar{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-muted)}.status-grid{display:grid;gap:var(--space-3);max-width:480px}.status-row{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}