:root{--cream: #f6f1e7;--paper: #fbf8f1;--sand: #efe6d6;--dark: #2f2416;--ink: #33291d;--ink-60: rgba(64, 49, 34, .6);--ink-55: rgba(64, 49, 34, .55);--ink-50: rgba(64, 49, 34, .5);--hairline: rgba(64, 49, 34, .16);--accent: #8a5a3a;--accent-dark: #5f3d26;--red-ink: #9a3b2e;--serif-zh: "Noto Serif SC", serif;--display-latin: "Playfair Display", serif;--body-vi: "Be Vietnam Pro", sans-serif}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body-vi),var(--serif-zh),sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}::selection{background:#8a5a3a38}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes clipUp{0%{clip-path:inset(100% 0 0 0);transform:translateY(16px)}to{clip-path:inset(-2% -2% -2% -2%);transform:none}}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes marqueeX{to{transform:translate(-50%)}}.fade-up{animation:fadeUp .8s cubic-bezier(.22,1,.36,1) both}.clip-up{animation:clipUp 1s cubic-bezier(.77,0,.18,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5vw;background:#f6f1e7d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}.logo{display:flex;align-items:baseline;gap:10px;color:var(--ink)}.logo-zh{font-family:var(--serif-zh);font-weight:900;font-size:26px;letter-spacing:2px}.logo-vi{font-family:var(--display-latin);font-style:italic;font-size:15px;color:var(--ink-60)}.site-nav{display:flex;align-items:center;gap:30px}.nav-item{display:flex;flex-direction:column;gap:3px;padding:4px 0;font-size:13px;font-weight:500;letter-spacing:.4px;color:#403122b8}.nav-item .zh{font-family:var(--serif-zh);color:var(--ink-50);font-size:12px}.nav-item .underline{display:block;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.77,0,.18,1)}.nav-item:hover .underline{transform:scaleX(1)}.nav-item.active{color:var(--ink)}.nav-item.active .underline{transform:scaleX(1)}main{padding-top:78px}.hero-b{padding:90px 7vw 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}.hero-b h1{margin:0;font-family:var(--serif-zh);font-weight:900;font-size:clamp(56px,8vw,110px);line-height:1.1;letter-spacing:3px}.hero-b p{margin:0 0 14px;max-width:380px;font-size:16px;font-weight:300;line-height:1.8;color:#33291dcc}.marquee{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);overflow:hidden;padding:16px 0;margin-bottom:48px}.marquee-track{display:flex;gap:64px;width:max-content;animation:marqueeX 28s linear infinite;font-family:var(--serif-zh);font-size:20px;color:var(--ink-55);white-space:nowrap}.marquee-track .dot{color:var(--accent)}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding:0 7vw 110px}.card{display:flex;flex-direction:column;border:1px solid rgba(64,49,34,.12);border-radius:3px;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;animation:clipUp .9s cubic-bezier(.77,0,.18,1) both}.card:hover{transform:translateY(-8px);box-shadow:0 24px 48px -20px #40312259}.card-cover{width:100%;height:210px;flex:none;object-fit:cover;display:block}.card-inner{display:flex;flex-direction:column;justify-content:space-between;gap:22px;flex:1;text-align:left;padding:30px 28px;min-height:230px;color:inherit}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-tag{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;opacity:.75}.card-type{font-family:var(--serif-zh);font-size:13px;border:1px solid currentColor;border-radius:999px;padding:3px 10px;opacity:.7}.card-titles{display:flex;flex-direction:column;gap:10px}.card-zh{font-family:var(--serif-zh);font-weight:700;line-height:1.35}.card-vi{font-family:var(--display-latin);font-style:italic;font-size:16px;opacity:.72}.card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12.5px;opacity:.65}.progress-wrap{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:#40312214}.progress-bar{height:100%;width:0%;background:var(--accent)}.article{max-width:760px;margin:0 auto;padding:70px 28px 130px}.back-link{background:none;border:none;padding:0;font-size:13px;font-weight:600;letter-spacing:1px;color:var(--accent)}.back-link:hover{color:var(--accent-dark)}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:46px 0 22px}.pill-tag{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);border:1px solid currentColor;border-radius:999px;padding:5px 14px}.pill-pending{font-size:12px;font-weight:600;color:var(--red-ink);border:1px dashed currentColor;border-radius:999px;padding:5px 14px}.article-date{font-size:13px;color:var(--ink-55)}.article h1{margin:0;font-family:var(--serif-zh);font-weight:900;font-size:clamp(36px,5.5vw,58px);line-height:1.3}.article-vi{margin:20px 0 0;font-family:var(--display-latin);font-style:italic;font-size:24px;line-height:1.5;color:#4031229e}.words-new{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:30px 0 0}.words-new .label{font-family:var(--display-latin);font-style:italic;font-size:14px;color:var(--ink-50)}.word-chip{font-family:var(--serif-zh);font-size:15px;color:var(--ink);border:1px solid rgba(64,49,34,.25);border-radius:999px;padding:5px 16px;background:var(--paper)}.rule{height:1px;background:#40312240;margin:44px 0 52px;transform-origin:left;animation:lineGrow 1.1s cubic-bezier(.77,0,.18,1) .5s both}.zh-body p{margin:0 0 14px;font-family:var(--serif-zh);font-size:20.5px;line-height:2.1;color:var(--ink)}.zh-body blockquote{margin:0 0 46px;padding:0;border:none}.zh-body blockquote p{margin:0;font-family:var(--body-vi);font-size:15px;font-weight:300;font-style:italic;line-height:1.85;color:#4031229e}.zh-body img{width:100%;border-radius:6px;margin:10px 0}.zh-body em{font-style:italic}.end-mark{display:flex;align-items:center;gap:18px;margin-top:70px}.end-mark .line{flex:1;height:1px;background:#40312233}.end-mark .char{font-family:var(--serif-zh);font-size:22px;color:var(--accent)}.correction{margin-top:54px;background:var(--paper);border:1px solid var(--hairline);border-left:3px solid var(--red-ink);border-radius:3px;padding:30px 30px 24px}.correction-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}.correction-head .zh{font-family:var(--serif-zh);font-weight:700;font-size:22px;color:var(--red-ink)}.correction-head .vi{font-family:var(--display-latin);font-style:italic;font-size:15px;color:var(--ink-50)}.correction blockquote{margin:0 0 18px;padding:0;border:none}.correction blockquote p{margin:0;font-size:12.5px;color:var(--ink-50)}.correction ul{list-style:none;margin:0 0 8px;padding:0}.correction li{position:relative;padding:12px 0 12px 2px;border-top:1px dashed rgba(154,59,46,.25);font-size:14.5px;font-weight:300;line-height:1.9;color:#33291dd9}.correction li:first-child{border-top:none}.correction li code{font-family:var(--serif-zh);font-size:16px;background:#9a3b2e12;border-radius:3px;padding:1px 7px}.correction li strong{color:var(--red-ink)}.correction>p{font-size:14.5px;font-weight:300;line-height:1.9;color:#33291dd9;margin:14px 0 0}.correction>p strong{color:var(--ink);font-weight:600}.archive{padding:80px 7vw 120px;max-width:1100px;margin:0 auto}.archive h1{margin:0;font-family:var(--serif-zh);font-weight:900;font-size:clamp(48px,7vw,84px);line-height:1.1}.archive h1 .vi{font-family:var(--display-latin);font-style:italic;font-weight:500;font-size:.38em;color:var(--ink-55)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 30px}.chip{border:1px solid rgba(64,49,34,.25);border-radius:999px;padding:8px 18px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s;background:transparent;color:var(--ink)}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);color:var(--cream)}.chip .zh{font-family:var(--serif-zh);opacity:.7}.chip .count{opacity:.5}.archive-row{display:grid;grid-template-columns:150px 1fr auto;align-items:baseline;gap:28px;width:100%;text-align:left;border-top:1px solid var(--hairline);padding:26px 8px;color:var(--ink);transition:background .3s,padding-left .3s}.archive-row:hover{background:#fbf8f1e6;padding-left:20px;color:var(--ink)}.archive-row .date{font-size:13px;color:var(--ink-50)}.archive-row .titles{display:flex;flex-direction:column;gap:4px}.archive-row .zh{font-family:var(--serif-zh);font-weight:700;font-size:21px}.archive-row .vi{font-size:14px;font-weight:300;font-style:italic;color:var(--ink-60)}.archive-row .tag{font-size:12px;font-weight:600;letter-spacing:1.5px;color:var(--accent)}.archive-row.hidden{display:none}.about{padding:90px 7vw 130px;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:start}.about-side{display:flex;flex-direction:column;gap:22px}.avatar{width:260px;height:260px;border-radius:50%;background:var(--sand);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;font-family:var(--serif-zh);font-weight:900;font-size:96px;color:#8a5a3a59;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.about-motto{margin:0;font-family:var(--serif-zh);font-size:15px;color:var(--ink-55);text-align:center;width:260px}.about h1{margin:0;font-family:var(--serif-zh);font-weight:900;font-size:clamp(40px,5vw,64px);line-height:1.25}.about h1 .accent{color:var(--accent)}.about-vi{margin:18px 0 0;font-family:var(--display-latin);font-style:italic;font-size:22px;color:var(--ink-60)}.about-rule{height:1px;background:#40312240;margin:36px 0;transform-origin:left;animation:lineGrow 1s cubic-bezier(.77,0,.18,1) .4s both}.about-text{margin:0 0 22px;font-size:16px;font-weight:300;line-height:1.9;color:#33291dd9}.about-links{display:flex;gap:14px}.about-links a{border:1px solid rgba(64,49,34,.3);border-radius:999px;padding:10px 22px;font-size:13px;font-weight:600;color:var(--ink);transition:all .3s}.about-links a:hover{background:var(--accent);color:var(--cream);border-color:transparent}.site-footer{border-top:1px solid var(--hairline);padding:34px 7vw;display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer .zh{font-family:var(--serif-zh);font-size:15px;color:var(--ink-60)}.site-footer .note{font-size:12.5px;color:#40312273}@media(max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}.bento .card{grid-column:span 2!important}.about{grid-template-columns:1fr;gap:40px}.about-side{align-items:center}}@media(max-width:720px){.site-header{padding:14px 5vw;gap:12px}.site-nav{gap:16px}.nav-item .zh,.logo-vi{display:none}.hero-b{padding-top:60px}.card-inner{min-height:0;padding:24px 20px}.archive-row{grid-template-columns:1fr;gap:8px;padding:20px 4px}.archive-row .tag{order:-1}.article{padding:50px 20px 100px}.zh-body p{font-size:19px;line-height:2}.correction{padding:22px 18px}}