:root{--ink-strong: #0b2a23;--ink-soft: #1f4a3f;--accent: #2f6d5f;--accent-deep: #1d5247;--bg-1: #0f3f35;--bg-2: #2a7b69;--bg-3: #73c8b0;--bg-4: #d7f5eb;--overlay-1: rgba(8, 28, 22, .55);--overlay-2: rgba(20, 80, 66, .2)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Sora,Space Grotesk,Avenir Next,PingFang SC,Noto Sans CJK SC,Segoe UI,sans-serif;color:var(--ink-strong);background:#f0faf6}.page{min-height:100%;display:flex;flex-direction:column;background:#f0faf6}.home-layer{position:relative;z-index:0}.home-layer.is-underlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.hero{position:relative;overflow:hidden;padding:96px 10vw 120px;min-height:70vh;background:radial-gradient(1100px circle at 15% 15%,rgba(255,255,255,.35),transparent 60%),linear-gradient(135deg,var(--bg-4) 0%,var(--bg-3) 45%,var(--bg-2) 100%)}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(1.05);pointer-events:none}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(800px circle at 15% 15%,rgba(255,255,255,.28),transparent 62%),linear-gradient(135deg,var(--overlay-1) 0%,transparent 55%),linear-gradient(0deg,#081c1626,#081c1626);pointer-events:none}.hero-inner{position:relative;z-index:3;max-width:720px}.eyebrow{letter-spacing:.22em;font-size:12px;font-weight:600;text-transform:uppercase;color:#eef5f2d1;text-shadow:0 1px 8px rgba(6,26,23,.35);margin-bottom:18px}.hero h1{font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.1;margin:0 0 20px;color:#f7f2ea;letter-spacing:-.01em;font-weight:700;text-shadow:0 14px 36px rgba(6,26,23,.35),0 2px 10px rgba(6,26,23,.25)}.subhead{font-size:1.05rem;line-height:1.7;color:#e7e0d8eb;text-shadow:0 2px 10px rgba(6,26,23,.22);margin:0 0 30px}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}.btn{border:none;border-radius:999px;padding:12px 22px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;box-shadow:0 10px 24px #1d524740}.btn.ghost{background:#fff9;color:var(--ink-strong);border:1px solid rgba(255,255,255,.8)}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #1d524733}.meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:#0b123099}.meta span{padding:6px 12px;border-radius:999px;background:#ffffff80;border:1px solid rgba(255,255,255,.7)}.content{padding:80px 10vw 120px;background:#f6fbf9}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.card{padding:28px;background:#fff;border-radius:18px;box-shadow:0 18px 40px #0c302814}.card h3{margin:0 0 12px;font-size:1.1rem}.card p{margin:0;color:#36406e;line-height:1.6}.blog-shell{position:relative;min-height:100vh;z-index:1}.blog-layer{position:relative;min-height:100vh;padding:64px 10vw 120px;background:#f3faf6;color:var(--ink-strong)}.blog-layer:before{content:"";position:absolute;inset:-30% -10% auto;height:60%;background:radial-gradient(800px circle at 10% 15%,rgba(255,255,255,.7),transparent 65%),radial-gradient(600px circle at 85% 20%,rgba(120,210,190,.35),transparent 60%);z-index:0}.blog-underlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.blog-foreground{position:relative;z-index:1;clip-path:circle(160% at var(--reveal-x, 50%) var(--reveal-y, 12%))}.blog-foreground[data-reveal]{transition:clip-path 1.5s ease}.blog-foreground[data-reveal=enter],.blog-foreground[data-reveal=exit]{clip-path:circle(0 at var(--reveal-x, 50%) var(--reveal-y, 12%))}.blog-layout{position:relative;z-index:1}.blog-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.blog-title-group h1{margin:6px 0 0;font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.02em}.blog-eyebrow{letter-spacing:.22em;font-size:12px;font-weight:600;text-transform:uppercase;color:#0b2a238c;margin:0}.blog-summary{font-size:.9rem;color:#0b2a2399}.blog-toolbar{margin-top:32px;display:flex;flex-direction:column;gap:18px}.blog-search{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:999px;background:#ffffffd9;border:1px solid rgba(11,42,35,.12);box-shadow:0 12px 24px #0b2a2314;max-width:520px}.blog-search-label{font-size:.8rem;color:#0b2a2380;text-transform:uppercase;letter-spacing:.2em}.blog-search input{border:none;background:transparent;font-size:.95rem;flex:1;min-width:200px;outline:none;color:var(--ink-strong)}.search-clear{border:none;background:#2f6d5f1a;color:var(--accent-deep);font-size:.8rem;padding:6px 12px;border-radius:999px;cursor:pointer}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag-btn{border:1px solid rgba(11,42,35,.14);background:#fffc;border-radius:999px;padding:6px 14px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.tag-btn[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.post-grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.post-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(11,42,35,.08);box-shadow:0 16px 32px #0c302814;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.post-grid[data-animate=enter] .post-card{animation:card-pop .85s ease forwards;animation-delay:var(--card-delay, 0ms);opacity:0;transform:translateY(16px) scale(.94)}.post-grid[data-animate=enter] .post-card:hover{transform:translateY(-3px) scale(1.01)}.post-grid[data-animate=enter] .post-card:focus-visible{outline:2px solid rgba(47,109,95,.35);outline-offset:2px}.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0c30281f}.post-cover{height:140px;background:linear-gradient(135deg,#d8f3ebcc,#86d5c5cc)}.post-card[data-tone=mint] .post-cover{background:linear-gradient(135deg,#d7f5eb,#78cdb9)}.post-card[data-tone=peach] .post-cover{background:linear-gradient(135deg,#fbe2d3,#f0b79d)}.post-card[data-tone=sky] .post-cover{background:linear-gradient(135deg,#d5ecff,#8ec3f0)}.post-card[data-tone=violet] .post-cover{background:linear-gradient(135deg,#e9e4ff,#b5a4f3)}.post-card[data-tone=sand] .post-cover{background:linear-gradient(135deg,#f4ead7,#ddc6a0)}.post-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.post-card-body h3{margin:0;font-size:1.1rem}.post-card-body p{margin:0;color:#3b4f49;line-height:1.6}.post-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;color:#0b2a238c}.post-tags{display:flex;gap:8px;flex-wrap:wrap}.post-tag{font-size:.72rem;padding:4px 10px;border-radius:999px;background:#2f6d5f1a;color:var(--accent-deep)}.load-more{display:block;margin:36px auto 0}.empty-state{margin-top:32px;padding:36px;border-radius:18px;border:1px dashed rgba(11,42,35,.2);background:#fff9;text-align:center}.post-detail{margin:40px auto 0;max-width:860px}.post-detail[data-animate=enter] .post-detail-hero{transform-origin:var(--origin-x, 50%) var(--origin-y, 20%);animation:detail-hero-pop .9s ease forwards}.post-detail[data-animate=enter] .post-detail-header,.post-detail[data-animate=enter] .post-body{animation:detail-fade .7s ease forwards;animation-delay:.15s;opacity:0;transform:translateY(18px)}.post-detail-hero{height:220px;border-radius:24px;background:linear-gradient(135deg,#d7f5eb,#78cdb9)}.post-detail-hero[data-tone=mint]{background:linear-gradient(135deg,#d7f5eb,#78cdb9)}.post-detail-hero[data-tone=peach]{background:linear-gradient(135deg,#fbe2d3,#f0b79d)}.post-detail-hero[data-tone=sky]{background:linear-gradient(135deg,#d5ecff,#8ec3f0)}.post-detail-hero[data-tone=violet]{background:linear-gradient(135deg,#e9e4ff,#b5a4f3)}.post-detail-hero[data-tone=sand]{background:linear-gradient(135deg,#f4ead7,#ddc6a0)}.post-detail-header{margin-top:24px}.post-detail-header h1{margin:0 0 12px;font-size:clamp(2rem,3vw,3rem)}.post-detail-excerpt{margin:12px 0 0;color:#3b4f49;line-height:1.7}.post-body{margin-top:28px;padding:32px;background:#fff;border-radius:24px;border:1px solid rgba(11,42,35,.08);box-shadow:0 16px 32px #0c302814}.post-placeholder-note{margin:0 0 24px;font-size:.95rem;color:#0b2a2399}.placeholder-line{height:12px;border-radius:999px;background:#0b2a231a;margin-bottom:14px}.placeholder-line.short{width:60%}@keyframes card-pop{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes detail-hero-pop{0%{opacity:.7;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes detail-fade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.hero{padding:72px 7vw 96px}.hero-inner{max-width:100%}.blog-layer{padding:48px 7vw 96px}.blog-search{max-width:100%;width:100%}.blog-search input{min-width:0}.post-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.btn,.blog-foreground,.blog-foreground[data-reveal],.post-card{transition:none}.post-grid[data-animate=enter] .post-card,.post-detail[data-animate=enter] .post-detail-hero,.post-detail[data-animate=enter] .post-detail-header,.post-detail[data-animate=enter] .post-body{animation:none;opacity:1;transform:none}}