*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Smiley Sans;src:url(/assets/fonts/SmileySans-Oblique.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;--font-display:"Smiley Sans", var(--font-body);--bg:#f5eddd;--bg-soft:#efe4cf;--surface:#fff;--surface-2:#f3e8d4;--surface-3:#e9dbc2;--glass:#ffffffdb;--surface-translucent:#ffffffa8;--surface-translucent-hover:#ffffffe0;--border:#68482b47;--border-input:#68482b73;--border-hover:#c95f146b;--accent:#c95f14;--accent-hover:#a84a0c;--accent-text:#b95313;--accent-soft:#c95f141a;--accent-soft-hover:#c95f1429;--on-accent:#fffaf3;--secondary:#3f6f5a;--secondary-soft:#3f6f5a1f;--text:#32261b;--text-muted:#6f5946;--text-dim:#8a6f58;--danger:#c94343;--danger-hover:#b03636;--danger-dim:#c943431f;--video-bg:#100d0b;--avatar-1:#b0563d;--avatar-2:#7d7a3c;--avatar-3:#5b7a8c;--avatar-4:#8a6f58;--avatar-5:#3f6f5a;--home-overlay-start:#fffaf19e;--home-overlay-mid:#fffaf18c;--home-overlay-end:#fffaf1ad;--shadow:0 1px 2px #3b2b200f, 0 8px 20px #69442114;--shadow-lg:0 2px 4px #3b2b2014, 0 16px 40px #6944211f;--radius:14px;--radius-sm:10px;--radius-xs:8px;--radius-pill:999px;--overlay:#18100880;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:30px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--nav-height:60px;--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);--nav-offset:calc(var(--nav-height) + var(--safe-top));font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 12% 0%, var(--surface) 0%, transparent 30%), linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);color:var(--text);min-height:100dvh;line-height:1.6}@media (hover:hover) and (pointer:fine){body{background-attachment:fixed}}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}a,button,input,select,textarea,label{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}@media (pointer:coarse){input,textarea,select{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.navbar{z-index:100;height:var(--nav-offset);padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);-webkit-backdrop-filter:blur(16px)saturate(1.8);background:var(--glass);border-bottom:1px solid var(--border);box-shadow:0 1px 12px var(--accent-soft);position:fixed;top:0;left:0;right:0}.navbar__inner{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar__logo{align-items:center;gap:8px;text-decoration:none;display:flex}.navbar__logo-img{object-fit:contain;border-radius:6px;flex-shrink:0}.navbar__logo-text{font-size:var(--fs-lg);letter-spacing:-.02em;color:var(--accent);font-weight:800;font-family:var(--font-display)}@keyframes navdot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.navbar__logo-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite navdot-pulse}.navbar__links{align-items:center;gap:4px;list-style:none;display:flex}.navbar__link{font-size:var(--fs-sm);color:var(--text-muted);border-radius:var(--radius-sm);padding:6px 14px;font-weight:500;transition:color .2s,background .2s;display:block;position:relative}.navbar__link:hover{color:var(--text);background:var(--accent-soft)}.navbar__link:active{color:var(--text);background:var(--accent-soft-hover)}.navbar__link--active{color:var(--accent)}.navbar__link--active:after{content:"";background:var(--accent);border-radius:1px;width:20px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.navbar__user{align-items:center;display:flex}.navbar__avatar-btn{background:var(--accent);width:34px;height:34px;color:var(--on-accent);cursor:pointer;border:none;border-radius:50%;font-size:14px;font-weight:800;transition:opacity .15s,transform .15s;position:relative;overflow:hidden}.navbar__avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}@media (hover:hover){.navbar__avatar-btn:hover{opacity:.85;transform:scale(1.05)}}.navbar__avatar-btn:active{opacity:.75}.navbar__login-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-size:var(--fs-sm);cursor:pointer;font-weight:600;transition:background .15s,border-color .15s}@media (hover:hover){.navbar__login-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}.navbar__login-btn:active{background:var(--accent-hover);border-color:var(--accent-hover)}.navbar__hamburger{width:40px;height:40px;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:none}.navbar__hamburger:active{background:var(--accent-soft-hover)}@keyframes drawer-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__drawer{top:var(--nav-offset);z-index:99;padding-left:var(--safe-left);padding-right:var(--safe-right);-webkit-backdrop-filter:blur(16px)saturate(1.8);background:var(--glass);border-bottom:1px solid var(--border);box-shadow:0 8px 24px var(--accent-soft);animation:.18s ease-out drawer-slide-in;position:fixed;left:0;right:0}.navbar__drawer-list{padding:8px 12px;list-style:none}.navbar__drawer-link{font-size:var(--fs-base);color:var(--text-muted);border-radius:var(--radius-sm);padding:12px 14px;font-weight:500;transition:color .2s,background .2s;display:block}@media (hover:hover){.navbar__drawer-link:hover{color:var(--text);background:var(--accent-soft)}}.navbar__drawer-link:active{color:var(--text);background:var(--accent-soft-hover)}.navbar__drawer-link--active{color:var(--accent)}@media (width<=600px){.navbar__inner{gap:8px;padding:0 12px}.navbar__hamburger{display:flex}.navbar__links{display:none}.navbar__logo{flex:1;justify-content:center}.navbar__login-btn{padding:10px 12px}}@media (width<=380px){.navbar__inner{gap:4px;padding:0 8px}}.home{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.home__bg{z-index:0;filter:blur(6px)brightness(1.05)saturate(1.3);opacity:1;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 2s;position:absolute;inset:0;transform:scale(1.08)}.home__bg--next{opacity:0;z-index:1}.home__bg--visible{opacity:1}.home__overlay{z-index:2;-webkit-backdrop-filter:blur(20px)brightness(1.04)saturate(.88);background:linear-gradient(160deg, var(--home-overlay-start) 0%, var(--home-overlay-mid) 50%, var(--home-overlay-end) 100%);position:absolute;inset:0}@keyframes home-fadein-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.home__content{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:24px;padding:0 24px;animation:.9s cubic-bezier(.22,1,.36,1) both home-fadein-up;display:flex;position:relative}.home__title{font-size:clamp(48px,8vw,80px);font-weight:800;font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg, var(--text) 10%, var(--accent) 62%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.05;animation:.9s cubic-bezier(.22,1,.36,1) .1s both home-fadein-up}.home__subtitle{color:var(--text-muted);letter-spacing:.04em;max-width:480px;font-size:clamp(15px,2vw,18px);animation:.9s cubic-bezier(.22,1,.36,1) .22s both home-fadein-up}.home__actions{flex-flow:column wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px;animation:.9s cubic-bezier(.22,1,.36,1) .34s both home-fadein-up;display:flex}.home__btn{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:46px;font-weight:600;text-decoration:none;transition:box-shadow .22s,background .2s,opacity .2s;display:inline-flex}.home__btn:active{transform:scale(.98)}.home__btn--main{height:54px;font-size:var(--fs-md);background:var(--accent);color:var(--on-accent);padding:0 48px}.home__btn--main:hover{background:var(--accent-hover)}.home__btn--side{font-size:var(--fs-sm);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);background:#ffffffa8;padding:0 20px}.home__btn--side:hover{border-color:var(--border-hover);background:#ffffffe0}@media (width<=600px){.home__content{gap:18px;padding:0 20px}.home__actions{flex-direction:column;gap:10px;width:100%}.home__btn{width:100%;max-width:320px}}.home__preview{z-index:3;padding:var(--sp-6) var(--sp-6) var(--sp-8);gap:var(--sp-4);grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto;display:grid;position:absolute;bottom:0;left:0;right:0}.home__preview-block{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);gap:var(--sp-3);background:#ffffffb8;flex-direction:column;display:flex}.home__preview-heading{font-size:var(--fs-sm);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.home__preview-item{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);color:inherit;text-decoration:none;transition:opacity .15s;display:flex}.home__preview-item:last-child{border-bottom:none}@media (hover:hover){.home__preview-item:hover{opacity:.72}}.home__preview-item-thumb{border-radius:var(--radius-xs);background:var(--surface-2);object-fit:cover;flex-shrink:0;width:48px;height:32px}.home__preview-item-avatar{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.home__preview-item-text{flex:1;min-width:0}.home__preview-item-title{font-size:var(--fs-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.home__preview-item-meta{font-size:var(--fs-xs);color:var(--text-dim);margin-top:2px}@media (width<=600px){.home__preview{display:none}}.page-content{padding-top:calc(var(--nav-offset) + var(--page-top-space,32px));min-height:100dvh}