:root{--color-bg:#fff;--color-surface:#f6f7f9;--color-ink:#0b1120;--color-ink-soft:#3c4556;--color-muted:#6b7280;--color-border:#e5e7eb;--color-accent:#0ea5a3;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;--max-width:1120px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{z-index:20;background:var(--color-ink);border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header__bar{justify-content:space-between;align-items:center;gap:24px;height:60px;display:flex}.site-header__logo{color:#fff;letter-spacing:.04em;white-space:nowrap;align-items:baseline;gap:6px;font-size:1.15rem;font-weight:800;display:flex}.site-header__logo-dot{color:var(--color-accent)}.site-header__nav{scrollbar-width:none;gap:18px;display:flex;overflow-x:auto}.site-header__nav::-webkit-scrollbar{display:none}.site-header__nav a{color:#ffffffb8;white-space:nowrap;border-bottom:2px solid #0000;padding:4px 0;font-size:.86rem;font-weight:600;transition:color .15s,border-color .15s}.site-header__nav a:hover{color:#fff;border-color:var(--color-accent)}.site-header__right{flex-shrink:0;align-items:center;gap:14px;display:flex}.site-header__tagline{color:#ffffff73;white-space:nowrap;font-size:.74rem;display:none}@media (width>=860px){.site-header__tagline{display:block}}.lang-switch{color:#ffffffd9;white-space:nowrap;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.75rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.lang-switch:hover{background:#ffffff14;border-color:#ffffff73}.tag{letter-spacing:.03em;text-transform:uppercase;color:#fff;border-radius:4px;align-items:center;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.hero{border-bottom:1px solid var(--color-border);padding:36px 0 28px}.hero__card{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=860px){.hero__card{grid-template-columns:1.1fr .9fr;align-items:center}}.hero__media{aspect-ratio:16/9;background:linear-gradient(135deg, var(--tint,var(--color-accent)), #0b1120);border-radius:10px;order:-1}@media (width>=860px){.hero__media{order:2}}.hero__title{letter-spacing:-.01em;margin:12px 0 10px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;line-height:1.25}.hero__desc{color:var(--color-ink-soft);margin:0 0 14px;font-size:1rem;line-height:1.6}.meta{color:var(--color-muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.meta__dot{background:var(--color-muted);border-radius:50%;width:3px;height:3px}.section{padding:32px 0}.section__head{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.section__title{letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.section__sub{color:var(--color-muted);font-size:.82rem}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.card{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;transition:box-shadow .15s,transform .15s;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b112014}.card__media{aspect-ratio:16/9;background:linear-gradient(135deg, var(--tint,var(--color-accent)), #0b1120)}.card__body{padding:14px 16px 16px}.card__title{margin:10px 0 8px;font-size:1rem;font-weight:700;line-height:1.4}.card__desc{color:var(--color-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.86rem;line-height:1.55;display:-webkit-box;overflow:hidden}.article{max-width:740px;margin:0 auto;padding:36px 0 64px}.article__title{margin:14px 0 12px;font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;line-height:1.3}.article__body{color:#1f2430;font-size:1.04rem;line-height:1.85}.article__body p{margin:0 0 1.2em}.back-link{color:var(--color-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.back-link:hover{color:var(--color-ink)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:20px;padding:28px 0}.site-footer__inner{flex-direction:column;gap:6px;display:flex}.site-footer__brand{color:var(--color-ink);font-weight:800}.site-footer__tagline{color:var(--color-muted);font-size:.85rem}