:root{--ink:#14201c;--ink-soft:#3d4f47;--paper:#f3efe6;--paper-2:#e7e0d2;--line:#14201c24;--accent:#0f6e56;--accent-2:#c45c26;--white:#fffdf8;--surface:#fffdf8;--page-bg:linear-gradient(180deg, #f7f3ea 0%, #f3efe6 40%, #ebe4d6 100%);--shadow:0 18px 40px #14201c1f;--display:"Syne", "Noto Sans SC", sans-serif;--body:"Noto Sans SC", "PingFang SC", sans-serif;--radius:18px;color:var(--ink);background:var(--page-bg);font-family:var(--body);background-attachment:scroll;font-size:16px;line-height:1.6}html,body{background:var(--page-bg);min-height:100%;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100svh;color:var(--ink-soft);margin:0}#root{min-height:100svh}a{color:inherit}button,input,select,textarea{font:inherit}.site{width:min(1120px,100% - 32px);margin:0 auto;padding-bottom:64px}.site.layout-editorial{width:min(1280px,100% - 32px)}.site.layout-editorial .hero-block{grid-template-columns:1.1fr .9fr;align-items:end;gap:24px;display:grid}.site.layout-editorial .hero-block h1{max-width:none}.site.layout-showcase{width:min(1400px,100% - 20px)}.site.layout-showcase .hero-block{flex-direction:column;justify-content:flex-end;min-height:min(72svh,720px);padding-block:clamp(64px,12vw,140px);display:flex}.site.layout-showcase .eyebrow{font-size:clamp(3rem,10vw,7rem)}.site.layout-compact{width:min(920px,100% - 28px)}.site.layout-compact .sec{box-shadow:none;margin:16px 0 24px;padding:18px}.site.layout-compact .hero-block{padding:36px 8px 20px}.title-plain .title-fx{color:var(--ink)}.title-outline .title-fx{color:#0000;-webkit-text-stroke:1.4px var(--ink);paint-order:stroke fill}.title-gradient .title-fx{background:linear-gradient(120deg, var(--accent), var(--ink));color:#0000;-webkit-background-clip:text;background-clip:text}.title-shadow .title-fx{color:var(--ink);text-shadow:0 10px 28px color-mix(in srgb, var(--accent) 45%, transparent)}.title-underline .title-fx{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);text-underline-offset:.18em;text-decoration-thickness:.12em}.ctrl{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s}.btn-pill .ctrl{border-radius:999px;padding:8px 14px}.btn-rounded .ctrl{border-color:var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:12px;padding:8px 14px}.btn-square .ctrl{border-color:var(--ink);border-radius:2px;padding:8px 12px}.btn-ghost .ctrl{border-color:color-mix(in srgb, var(--ink) 35%, transparent);background:0 0;border-radius:999px;padding:8px 14px}.btn-solid .ctrl{background:var(--accent);color:var(--surface);border-radius:999px;padding:8px 14px}.btn-pill .ctrl:hover,.btn-rounded .ctrl:hover,.btn-square .ctrl:hover,.btn-ghost .ctrl:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.btn-solid .ctrl:hover{filter:brightness(1.05)}.btn-pill .ctrl.active,.btn-rounded .ctrl.active,.btn-square .ctrl.active,.btn-ghost .ctrl.active,.btn-solid .ctrl.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.topbar{z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:16px;margin:16px 0 8px;padding:12px 16px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:.02em;color:var(--ink);flex:none;font-size:1.25rem;font-weight:800;text-decoration:none}.toc{flex-wrap:wrap;flex:auto;justify-content:center;gap:4px;display:flex}.toc button,.lang button,.admin-link,.admin-actions button,.admin-actions a,.file-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;text-decoration:none}.toc button:hover,.lang button:hover,.admin-link:hover{color:var(--ink);background:#0f6e561a}.top-actions{flex:none;align-items:center;gap:8px;display:flex}.lang{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);border-radius:999px;padding:2px;display:inline-flex}.admin-link{font-size:.9rem}.draft-banner{color:var(--ink);background:#c45c261f;border-radius:12px;margin:12px 0;padding:10px 14px}.hero-block{text-align:left;padding:clamp(48px,10vw,96px) 8px 36px}.eyebrow{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);margin:0 0 12px;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:700;line-height:.95}.hero-block h1{max-width:18ch;font-family:var(--display);color:var(--ink-soft);margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:500;line-height:1.35}.sec{border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--shadow);text-align:left;margin:28px 0 48px;padding:clamp(20px,4vw,36px);scroll-margin-top:96px}.sec-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.sec h2{font-family:var(--display);color:var(--ink);margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem)}.sec-text p{max-width:62ch;margin:0;font-size:1.05rem}.sec-meta{color:var(--accent);border:1px solid #0f6e5640;border-radius:999px;padding:4px 10px;font-size:.85rem}.empty,.state{text-align:center;color:var(--ink-soft);padding:32px}.v-grid{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:18px;display:grid}.v-card{margin:0}.v-frame{aspect-ratio:9/16;border-radius:var(--radius);background:#0d1512;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.v-frame video{object-fit:cover;width:100%;height:100%;display:block}.v-play{cursor:pointer;background:#fffdf8eb;border:0;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;transition:transform .2s;display:grid;position:absolute;inset:0}.v-play:hover{transform:scale(1.05)}.v-play span{border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent var(--ink);width:0;height:0;margin-left:4px}.v-hit{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.v-card figcaption{color:var(--ink);margin-top:10px;font-size:.95rem}.i-grid{gap:14px;display:grid}.i-grid.layout-grid,.i-grid.layout-featured{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr))}.i-grid.layout-masonry{columns:var(--cols,3);column-gap:14px;display:block}.i-grid.layout-masonry .i-card{break-inside:avoid;margin-bottom:14px}.i-grid.layout-featured .i-card.span-2{grid-area:span 2/span 2}.i-card{border-radius:var(--radius);background:var(--paper-2);margin:0;overflow:hidden}.i-card img{object-fit:cover;width:100%;height:100%;min-height:180px;transition:transform .45s;display:block}.i-card:hover img{transform:scale(1.03)}.site-foot{color:var(--ink-soft);justify-content:space-between;align-items:center;padding:24px 8px 8px;display:flex}.site-foot a{border-bottom:1px solid;text-decoration:none}.admin{width:min(980px,100% - 24px);margin:0 auto;padding:24px 0 80px}.admin-bar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.admin-bar strong{font-family:var(--display);color:var(--ink);font-size:1.6rem}.admin-bar p,.muted{color:var(--ink-soft);margin:6px 0 0}.admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-actions button,.admin-actions a,.file-btn{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:8px 12px}.admin-actions .primary,.admin button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.admin button.danger{color:#8a3a12;cursor:pointer;background:#c45c261f;border:1px solid #c45c2659;border-radius:12px;padding:8px 12px}.hint{color:var(--ink);background:#0f6e561a;border-radius:12px;padding:10px 14px}.admin-card{border:1px solid var(--line);background:#fffdf8cc;border-radius:18px;margin:16px 0;padding:18px}.preset-row{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.preset-row button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:12px;padding:8px 12px}.theme-grid{margin-bottom:12px}.admin input[type=color]{cursor:pointer;min-height:42px;padding:4px}.bg-preview{border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:14px;height:140px;margin-top:8px}.admin-card h2,.admin-card h3{font-family:var(--display);color:var(--ink);margin:0}.card-head{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px;display:flex}.subcard{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}.admin label{color:var(--ink);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.admin input,.admin select{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:10px 12px}.grid-2,.grid-3,.item-row{gap:12px;margin-bottom:12px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.item-row{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.admin ol{padding-left:1.2rem}.admin code{background:#14201c0f;border-radius:6px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace}@media (width<=860px){.site.layout-editorial .hero-block{grid-template-columns:1fr}.topbar{border-radius:22px;flex-wrap:wrap}.toc{order:3;justify-content:flex-start;width:100%}.v-grid,.i-grid.layout-grid,.i-grid.layout-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.i-grid.layout-featured .i-card.span-2{grid-area:auto/span 2}.i-grid.layout-masonry{columns:2}.grid-2,.grid-3,.item-row{grid-template-columns:1fr}.admin-bar{flex-direction:column}}@media (width<=520px){.v-grid,.i-grid.layout-grid,.i-grid.layout-featured{grid-template-columns:1fr}.i-grid.layout-masonry{columns:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-block,.sec{animation:.55s both rise}.sec:nth-of-type(2){animation-delay:50ms}.sec:nth-of-type(3){animation-delay:.1s}.sec:nth-of-type(4){animation-delay:.15s}