@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=ZCOOL+XiaoWei&display=swap";:root{color-scheme:light}body{margin:0;min-width:0;min-height:100vh;width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.touch-feedback{transition:transform .1s ease,opacity .1s ease}.touch-feedback:active{transform:scale(.98);opacity:.8}:root{color-scheme:light;font-family:var(--font-body);line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "ZCOOL XiaoWei", "Noto Serif SC", serif;--brand-primary: #2f6bff;--brand-secondary: #f1a25c;--brand-accent: #1bbfa7;--text-primary: #1b2333;--text-secondary: #475569;--text-tertiary: #94a3b8;--bg-base: #f7f4f0;--bg-elevated: #ffffff;--bg-muted: #eef2f8;--border-soft: #e3e8f1;--border-strong: #cbd5e1;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-soft: 0 6px 20px rgba(24, 34, 52, .08);--shadow-card: 0 14px 32px rgba(24, 34, 52, .12);--shadow-card-hover: 0 18px 36px rgba(24, 34, 52, .16);--card-radius: 20px;--card-radius-compact: 16px;--card-padding: clamp(14px, 3vw, 18px);--card-padding-compact: clamp(10px, 3vw, 14px);--mobile-card-padding: clamp(14px, 3.6vw, 18px);--mobile-card-radius: clamp(14px, 4vw, 18px);--mobile-card-gap: clamp(10px, 3vw, 14px);--mobile-card-shadow: var(--shadow-card);--mobile-card-shadow-hover: var(--shadow-card-hover);--mobile-card-shadow-active: 0 8px 18px rgba(24, 34, 52, .16);--mobile-card-font-size: 14px;--mobile-card-line-height: 1.55;--page-padding: clamp(12px, 3vw, 20px);--card-gap: clamp(12px, 3vw, 16px);--card-width-compact: clamp(150px, calc((100% - var(--card-gap)) / 2), 220px);--card-cover-compact: clamp(110px, 30vw, 140px);--hero-height: clamp(180px, 38vw, 240px);--avatar-lg: clamp(64px, 16vw, 88px);--sticky-padding: clamp(12px, 3.5vw, 24px)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:radial-gradient(920px 520px at 95% -12%,rgba(27,191,167,.18),transparent 55%),radial-gradient(860px 520px at -12% 8%,rgba(47,107,255,.18),transparent 55%),radial-gradient(560px 380px at 35% 110%,rgba(241,162,92,.16),transparent 60%),var(--bg-base);color:var(--text-primary);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffffb8,#fff0),radial-gradient(circle at 18% 18%,rgba(241,162,92,.12),transparent 45%),radial-gradient(circle at 80% 30%,rgba(47,107,255,.08),transparent 45%);z-index:-1}#root{min-height:100vh}.glass-effect{background:#ffffffc7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-soft)}.glass-card{background:#ffffffe6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow-card);border-radius:var(--radius-lg)}.text-gradient{background:linear-gradient(135deg,#2f6bff,#1bbfa7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1,h2,h3{font-family:var(--font-display);letter-spacing:.3px}.container-width{max-width:1200px;margin:0 auto;padding:0 var(--page-padding)}.page-transition{animation:pageIn .5s ease both}.sticky-blur{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-surface{background:linear-gradient(180deg,#fffffffa,#f8fafff5);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-soft)}.mobile-card{background:linear-gradient(180deg,#fffffffa,#f8fafff5);border-radius:var(--mobile-card-radius);padding:var(--mobile-card-padding);margin-bottom:var(--mobile-card-gap);box-shadow:var(--mobile-card-shadow);border:1px solid rgba(227,232,241,.75);font-size:var(--mobile-card-font-size);line-height:var(--mobile-card-line-height);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.mobile-card--clickable{cursor:pointer;touch-action:manipulation}@media(hover:hover)and (pointer:fine){.mobile-card--clickable:hover{transform:translateY(-2px);box-shadow:var(--mobile-card-shadow-hover)}}@media(hover:none)and (pointer:coarse){.mobile-card--clickable:active{transform:translateY(1px) scale(.99);box-shadow:var(--mobile-card-shadow-active)}}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;background:#2f6bff14;color:var(--text-primary);border:1px solid rgba(47,107,255,.2)}.safe-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.02)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 18px 36px #1822342e}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6dde7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c3ccd8}img,video{max-width:100%;height:auto}@media(max-width:767px){:root{--page-padding: 12px;--card-gap: clamp(10px, 3.5vw, 14px);--card-width-compact: clamp(160px, calc((100% - var(--card-gap)) / 2), 200px);--card-cover-compact: clamp(120px, 34vw, 150px);--card-radius: 18px;--card-radius-compact: 14px;--card-padding: clamp(12px, 3.5vw, 16px);--card-padding-compact: clamp(10px, 3.5vw, 12px);--shadow-card: 0 10px 24px rgba(24, 34, 52, .12);--shadow-card-hover: 0 14px 28px rgba(24, 34, 52, .16);--mobile-card-padding: clamp(12px, 4vw, 16px);--mobile-card-radius: clamp(12px, 4vw, 16px);--mobile-card-gap: clamp(8px, 3vw, 12px);--mobile-card-line-height: 1.6}}@media(max-width:360px){:root{--page-padding: 8px;--card-gap: 10px;--card-width-compact: calc((100% - var(--card-gap)) / 2);--card-padding-compact: 8px}}