:root{color-scheme:light dark;--bg:#f7f4ee;--bg-elevated:#fffdf8;--text:#1d1812;--text-muted:#6d6355;--border:#e6ded1;--hairline:color-mix(in srgb, var(--text) 8%, transparent);--shell:color-mix(in srgb, var(--text) 5%, transparent);--accent:#0f766e;--accent-soft:#d8ede9;--badge-human:#166534;--badge-human-bg:#dcf2e3;--badge-ai:#1d4ed8;--badge-ai-bg:#dfe9fd;--badge-mixed:#92610a;--badge-mixed-bg:#f7eccd;--radius:10px;--max:42rem;--max-wide:54rem;--ease:cubic-bezier(.32, .72, 0, 1);--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fraunces", "Noto Serif SC", "Songti SC", "SimSun", serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#161310;--bg-elevated:#221d17;--text:#f1ebdf;--text-muted:#a79c8b;--border:#352d24;--hairline:color-mix(in srgb, var(--text) 10%, transparent);--shell:color-mix(in srgb, var(--text) 7%, transparent);--accent:#2dd4bf;--accent-soft:#153c36;--badge-human:#86efac;--badge-human-bg:#173d26;--badge-ai:#93c5fd;--badge-ai-bg:#1d3157;--badge-mixed:#fcd34d;--badge-mixed-bg:#4a3a14}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.7}body{min-height:100vh;margin:0}body:after{content:"";z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-color-scheme:dark){body:after{opacity:.05}}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}::selection{background:var(--accent-soft)}.site-wrap{flex-direction:column;min-height:100vh;display:flex}.site-main{width:min(100% - 2rem, var(--max-wide));flex:1;margin:0 auto;padding:2.75rem 0 5rem}.site-header{z-index:40;width:min(100% - 2rem, var(--max-wide));background:color-mix(in srgb, var(--bg-elevated) 78%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--hairline), 0 14px 34px -20px color-mix(in srgb, var(--text) 35%, transparent);border-radius:999px;margin:.9rem auto 0;position:sticky;top:.9rem}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.25rem;padding:.55rem .65rem .55rem 1.3rem;display:flex}.brand{color:inherit;flex-direction:column;gap:.05rem;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand__title{font-family:var(--font-display);letter-spacing:.01em;font-size:1.1rem;font-weight:700}.brand__tagline{letter-spacing:.06em;color:var(--text-muted);font-size:.72rem}.nav{flex-wrap:wrap;gap:.2rem .35rem;font-size:.92rem;display:flex}.nav a{color:var(--text-muted);transition:color .35s var(--ease), background-color .35s var(--ease);border-radius:999px;padding:.3rem .75rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--shell);text-decoration:none}.nav-toggle{background:var(--shell);cursor:pointer;border:none;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.4rem;height:2.4rem;display:none}.nav-toggle span{background:var(--text);width:16px;height:1.5px;transition:transform .45s var(--ease);display:block}.nav-open .nav-toggle span:first-child{transform:translateY(3.25px)rotate(45deg)}.nav-open .nav-toggle span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.nav-overlay{z-index:30;background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(22px);opacity:0;pointer-events:none;transition:opacity .45s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;display:flex;position:fixed;inset:0}.nav-open .nav-overlay{opacity:1;pointer-events:auto}.nav-overlay a{font-family:var(--font-display);color:var(--text);opacity:0;transition:opacity .55s var(--ease), transform .55s var(--ease);font-size:1.9rem;font-weight:600;text-decoration:none;transform:translateY(1.6rem)}.nav-overlay a[aria-current=page]{color:var(--accent)}.nav-open .nav-overlay a{opacity:1;transform:translateY(0)}.nav-open .nav-overlay a:first-child{transition-delay:80ms}.nav-open .nav-overlay a:nth-child(2){transition-delay:.15s}.nav-open .nav-overlay a:nth-child(3){transition-delay:.22s}.nav-open .nav-overlay a:nth-child(4){transition-delay:.29s}@media (width<=719px){.nav{display:none}.nav-toggle{display:inline-flex}}.site-footer{box-shadow:0 -1px 0 var(--hairline);color:var(--text-muted);font-size:.88rem}.site-footer__inner{width:min(100% - 2rem, var(--max-wide));flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin:0 auto;padding:1.5rem 0 2rem;display:flex}.page-header{margin-bottom:2.5rem}.page-header h1{font-family:var(--font-display);letter-spacing:-.02em;margin:.7rem 0 .55rem;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:700;line-height:1.2}.page-header p{color:var(--text-muted);max-width:var(--max);margin:0}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);box-shadow:0 0 0 1px var(--hairline);border-radius:999px;align-items:center;padding:.18rem .7rem;font-size:.66rem;font-weight:600;display:inline-flex}.hero{padding:2.5rem 0 3rem}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:.85rem 0 .6rem;font-size:clamp(2.5rem,7vw,4rem);font-weight:700;line-height:1.08}.hero p{color:var(--text-muted);max-width:36rem;margin:0;font-size:1.06rem}.section{margin-bottom:4.25rem}.section__head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.35rem;display:flex}.section__head h2{font-family:var(--font-display);letter-spacing:-.01em;margin:.55rem 0 0;font-size:1.5rem;font-weight:700}.section__head a{white-space:nowrap;font-size:.9rem}.card-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--bg-elevated);border-radius:calc(var(--radius) + 6px);color:inherit;box-shadow:0 0 0 1px var(--hairline), 0 12px 30px -20px color-mix(in srgb, var(--text) 28%, transparent);transition:transform .5s var(--ease), box-shadow .5s var(--ease);padding:1.05rem 1.15rem;text-decoration:none;display:block}a.card:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, var(--hairline)), 0 20px 44px -20px color-mix(in srgb, var(--text) 35%, transparent);text-decoration:none;transform:translateY(-3px)}.card--bezel{background:var(--shell);box-shadow:0 0 0 1px var(--hairline);border-radius:1.75rem;padding:.375rem}a.card--bezel:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, var(--hairline)), 0 26px 54px -24px color-mix(in srgb, var(--text) 38%, transparent)}.card__core{background:var(--bg-elevated);border-radius:1.375rem;height:100%;padding-bottom:1.15rem;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff8c}@media (prefers-color-scheme:dark){.card__core{box-shadow:inset 0 1px 1px #ffffff0f}}.card__cover{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .7s var(--ease);margin-bottom:1rem;display:block}a.card--bezel:hover .card__cover{transform:scale(1.035)}.card--bezel .card__meta,.card--bezel .card__title,.card--bezel .card__desc{padding-left:1.15rem;padding-right:1.15rem}.product-cover{width:100%;max-width:var(--max-wide);aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--radius) + 6px);box-shadow:0 0 0 1px var(--hairline), 0 24px 50px -26px color-mix(in srgb, var(--text) 40%, transparent);margin-bottom:2rem;display:block}.product-media{margin:0 0 3rem}.product-media__title{font-family:var(--font-display);letter-spacing:-.015em;margin:.7rem 0 1.2rem;font-size:1.5rem;font-weight:600}.product-video{background:var(--shell);max-width:21rem;box-shadow:0 0 0 1px var(--hairline), 0 24px 50px -26px color-mix(in srgb, var(--text) 40%, transparent);border-radius:1.75rem;margin:0 auto;padding:.375rem}.product-video video{border-radius:1.375rem;width:100%;display:block;overflow:hidden}.product-gallery{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.product-gallery__item{background:var(--shell);box-shadow:0 0 0 1px var(--hairline);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:1.75rem;padding:.375rem}.product-gallery__item:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, var(--hairline)), 0 20px 44px -20px color-mix(in srgb, var(--text) 35%, transparent);transform:translateY(-3px)}.product-gallery__item img{aspect-ratio:4/5;object-fit:cover;border-radius:1.375rem;width:100%;display:block}@media (width<=719px){.product-gallery{grid-template-columns:1fr}}.about-hero{width:100%;max-width:var(--max-wide);aspect-ratio:21/9;object-fit:cover;border-radius:calc(var(--radius) + 6px);box-shadow:0 0 0 1px var(--hairline), 0 24px 50px -26px color-mix(in srgb, var(--text) 40%, transparent);margin-bottom:2.5rem;display:block}.about-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:0 0 2.5rem;display:grid}.about-grid .card__cover{aspect-ratio:4/3}@media (width<=719px){.about-grid{grid-template-columns:1fr}}.card__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem .65rem;margin-bottom:.4rem;font-size:.85rem;display:flex}.card__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.14rem;font-weight:600;line-height:1.35}.card__desc{color:var(--text-muted);margin:.4rem 0 0;font-size:.95rem}.badge{border-radius:999px;align-items:center;gap:.25rem;padding:.12rem .55rem;font-size:.78rem;font-weight:600;line-height:1.4;display:inline-flex}.badge--human{color:var(--badge-human);background:var(--badge-human-bg)}.badge--ai{color:var(--badge-ai);background:var(--badge-ai-bg)}.badge--mixed{color:var(--badge-mixed);background:var(--badge-mixed-bg)}.badge--status,.badge--type{color:var(--text-muted);background:var(--shell);font-weight:500}.tag-list{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.tag{color:var(--text-muted);box-shadow:0 0 0 1px var(--hairline);border-radius:999px;padding:.05rem .5rem;font-size:.78rem}.empty{border:1px dashed var(--border);border-radius:calc(var(--radius) + 6px);color:var(--text-muted);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);padding:1.25rem 1.1rem}.empty p{margin:0}.entry-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem .85rem;margin:.75rem 0 1.5rem;font-size:.92rem;display:flex}.prose{max-width:var(--max)}.prose :first-child{margin-top:0}.prose :last-child{margin-bottom:0}.prose h2,.prose h3{font-family:var(--font-display);letter-spacing:-.01em;margin-top:1.8rem;line-height:1.3}.prose p,.prose ul,.prose ol{margin:.85rem 0}.prose code{font-family:var(--font-mono);background:var(--shell);border-radius:4px;padding:.1em .35em;font-size:.9em}.prose pre{border-radius:calc(var(--radius) + 2px);box-shadow:0 0 0 1px var(--hairline);background:var(--bg-elevated);padding:.9rem 1rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:1rem 0;padding:.15rem 0 .15rem .9rem}.authorship-note{color:var(--text-muted);margin:-.75rem 0 1.5rem;font-size:.9rem}.filter-bar{flex-wrap:wrap;gap:.45rem;margin-bottom:1.4rem;display:flex}.filter-bar a,.filter-bar span{box-shadow:0 0 0 1px var(--hairline);color:var(--text-muted);transition:color .35s var(--ease), background-color .35s var(--ease), box-shadow .35s var(--ease);border-radius:999px;padding:.24rem .75rem;font-size:.85rem;text-decoration:none}.filter-bar a:hover,.filter-bar a[aria-current=page],.filter-bar span[aria-current=page]{color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, var(--hairline));background:var(--accent-soft)}.product-links{flex-wrap:wrap;gap:.7rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.btn-pill{background:var(--text);color:var(--bg);transition:transform .45s var(--ease), box-shadow .45s var(--ease);border-radius:999px;align-items:center;gap:.6rem;padding:.4rem .4rem .4rem 1.15rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-pill:hover{box-shadow:0 14px 30px -16px color-mix(in srgb, var(--text) 55%, transparent);text-decoration:none}.btn-pill:active{transform:scale(.98)}.btn-pill__icon{background:color-mix(in srgb, var(--bg) 16%, transparent);width:1.9rem;height:1.9rem;transition:transform .45s var(--ease);border-radius:999px;justify-content:center;align-items:center;font-weight:500;display:flex}.btn-pill:hover .btn-pill__icon{transform:translate(2px,-2px)scale(1.06)}.bento{grid-template-columns:repeat(2,1fr);gap:1.4rem;display:grid}.bento>.card--bezel:first-child{grid-column:1/-1}.bento>.card--bezel:first-child .card__cover{aspect-ratio:21/9}@media (width<=719px){.bento{grid-template-columns:1fr;gap:1.1rem}.bento>.card--bezel:first-child .card__cover{aspect-ratio:16/9}}.grid-2{gap:1.4rem;display:grid}@media (width>=720px){.grid-2{grid-template-columns:1fr 1fr}}.reveal{opacity:0;transition:opacity .85s var(--ease), transform .85s var(--ease);transform:translateY(1.75rem)}.reveal.is-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.card,.card__cover,.btn-pill,.btn-pill__icon,.nav-overlay,.nav-overlay a,.nav-toggle span{transition:none}}