@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.home-page{--home-content-width:calc(100% - 1.4rem)}.hero-wrapper{min-height:auto}.hero-bg{background-image:linear-gradient(#1810096b,#050504e0),url(/Threekingdoms_Archive/Zhengshi_mobile.jpg);background-position:0 0;background-repeat:repeat;background-size:520px}.hero-content{padding:2.6rem 0 3rem}.archive-grid{grid-template-columns:1fr;gap:2.3rem;padding-top:1.8rem}.site-rotator{max-width:none}.projects-col{order:1}.sites-col{order:2}.about-col{order:3}.site-footer{text-align:center;flex-direction:column;justify-content:center;padding:1.3rem 1rem}.footer-quote{font-size:.75rem}}@media (width<=560px){.hero-title{font-size:clamp(2rem,12vw,2.8rem)}}.body{background:#070706;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.home-page{--home-content-width:calc(100% - 3rem);--archive-gold:#b88a4a;--archive-gold-soft:#d0aa6b;--archive-cream:#e8ddca;--archive-muted:#e8ddcaad;--archive-faint:#e8ddca73;--archive-line:#d0aa6b2e;--archive-panel:#0f0e0cf0;color:var(--archive-cream)}.hero-wrapper{background:#17100b;border-bottom:1px solid #d0aa6b29;min-height:360px;position:relative;overflow:hidden}.hero-bg{filter:sepia(42%)saturate(90%)brightness(62%)contrast(98%);background-image:linear-gradient(90deg,#0a0806e6,#140f0aa3 46%,#0a0806d6),linear-gradient(#0f0a0614,#070706d1),url(/Threekingdoms_Archive/Zhengshi.jpg);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.012)}.hero-vignette{pointer-events:none;background:radial-gradient(circle at 74% 22%,#b88a4a1f,#0000 28%),linear-gradient(#0000002e,#000000b8);position:absolute;inset:0}.hero-content{z-index:1;width:var(--home-content-width);margin:0 auto;padding:4.2rem 0 4rem;position:relative}.hero-title{color:#f1e7d6;letter-spacing:-.025em;white-space:pre-line;text-shadow:0 2px 24px #000000e0;max-width:760px;margin:0 0 1.2rem;font-family:Cormorant Garamond,serif;font-size:64px;font-weight:500;line-height:.96}:lang(zh-hans) .hero-title{font-family:Noto Serif SC,serif}:lang(zh-hant) .hero-title{font-family:Noto Serif TC,serif}.hero-sub{color:#f5ead7d1;text-shadow:0 2px 18px #000000e0;max-width:610px;margin:0;font-size:clamp(.92rem,.9vw,1.05rem);line-height:1.65}:lang(zh-hans) .hero-sub,:lang(zh-hant) .hero-sub,:lang(zh-hans) .about-bio,:lang(zh-hant) .about-bio,:lang(zh-hans) .site-desc,:lang(zh-hant) .site-desc{font-family:LXGW WenKai,serif}.archive-grid{width:var(--home-content-width);grid-template-columns:1.1fr 1fr 1fr;gap:2rem;margin:0 auto;padding:2.2rem 0 3.2rem;display:grid}.archive-col{min-width:0}.section-heading{align-items:center;gap:.7rem;margin-bottom:.95rem;display:flex}.section-heading:after{content:"";background:var(--archive-line);flex:1;height:1px}.section-label,.site-type{color:var(--archive-gold-soft);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:17px;font-weight:600}:lang(zh-hans) .section-label,:lang(zh-hant) .section-label{font-size:20px}.site-rotator{max-width:500px;margin-inline:auto;position:relative}.site-card{background:var(--archive-panel);border:1px solid #d0aa6b2e;border-radius:8px;display:none;overflow:hidden}.site-card.active{animation:.22s fadeIn;display:block}.site-image{aspect-ratio:4/3;filter:saturate(88%)brightness(78%);background-color:#10240d;background-position:50%;background-size:cover;align-items:flex-end;display:flex;position:relative}.site-overlay{background:linear-gradient(#0000000a,#000000c2),linear-gradient(90deg,#0000009e,#0000002e);position:absolute;inset:0}.site-body{z-index:1;width:100%;padding:1rem 1.1rem 1.15rem;position:relative}.site-card h2{color:#fff4df;text-shadow:0 2px 12px #000000d1;margin:0;font-family:Cormorant Garamond,serif;font-size:24px;line-height:1.08}:lang(zh-hans) .site-card h2,:lang(zh-hans) .proj-name{font-family:Noto Serif SC,serif}:lang(zh-hant) .site-card h2,:lang(zh-hant) .proj-name{font-family:Noto Serif TC,serif}.site-location{color:#f8efe0d6;text-shadow:0 2px 10px #000c;align-items:center;gap:.28rem;margin:.4rem 0 0;font-size:16px;display:inline-flex}.site-desc{color:#faf1e2e6;text-shadow:0 2px 12px #000000d1;margin:.8rem 0 0;font-size:16px;line-height:1.6}.site-controls{z-index:2;gap:.55rem;display:flex;position:absolute;top:.75rem;right:.75rem}.site-controls button{color:#f0c879;cursor:pointer;background:#070706c7;border:1px solid #d0aa6bb8;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 4px 16px #00000073}.site-controls button:hover{color:#ffe0a0;background:#d0aa6b2e;border-color:#f0c879f2}.proj-list{gap:.7rem;display:grid}.proj-row{background:linear-gradient(145deg,#0f0e0cf0,#070706e6);border:1px solid #d0aa6b29;border-radius:8px;grid-template-columns:36px 1fr auto;align-items:center;gap:.8rem;min-height:58px;padding:.7rem .9rem;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid}.proj-row:hover{background:linear-gradient(145deg,#181511fa,#0a0a09f0);border-color:#b88a4a6b;transform:translateY(-2px)}.proj-dot{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.proj-dot img{object-fit:contain;width:20px;height:20px}.c-trans.proj-dot{background:linear-gradient(145deg,#6b4308,#2f210d)}.c-map.proj-dot{background:linear-gradient(145deg,#183b62,#111d31)}.c-art.proj-dot{background:linear-gradient(145deg,#364b37,#18251b)}.proj-name{color:#f2e9d8;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600}.proj-arrow{color:var(--archive-gold);font-size:1.15rem}.about-col{color:var(--archive-muted)}.about-bio{margin:0 0 1rem;font-size:19px;line-height:1.7}.about-divider{background:#d0aa6b29;height:1px;margin:1.25rem 0 .95rem}.about-contact,.about-github{width:100%;color:var(--archive-gold-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;margin-top:.25rem;padding:.35rem 0;font-size:17px;font-weight:500;text-decoration:none;display:inline-flex}:lang(zh-hans) .about-contact,:lang(zh-hant) .about-contact,:lang(zh-hans) .about-github,:lang(zh-hant) .about-github{font-size:18px;font-weight:500}.site-footer{background:linear-gradient(#14100cb8,#080807f0);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:2rem;padding:1.1rem 5rem;display:flex}.footer-quote{color:#e8ddca9e;white-space:pre-line;font-size:.9rem;font-style:italic}:lang(zh-hans) .footer-quote,:lang(zh-hant) .footer-quote{font-family:LXGW WenKai,serif}.footer-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.footer-copy{color:var(--archive-faint);font-size:.82rem}.footer-github{color:var(--archive-faint);font-size:1.15rem;text-decoration:none}.footer-github:hover{color:var(--archive-cream)}@media (width<=980px){.home-page{--home-content-width:calc(100% - 1.4rem)}.hero-wrapper{min-height:auto}.hero-bg{background-image:linear-gradient(#1810096b,#050504e0),url(/Threekingdoms_Archive/Zhengshi_mobile.jpg);background-position:0 0;background-repeat:repeat;background-size:520px}.hero-content{padding:2.6rem 0 3rem}.archive-grid{grid-template-columns:1fr;gap:2.3rem;padding-top:1.8rem}.site-rotator{max-width:none}.projects-col{order:1}.sites-col{order:2}.about-col{order:3}.site-footer{text-align:center;flex-direction:column;justify-content:center;padding:1.3rem 1rem}.footer-quote{font-size:.75rem}}@media (width<=560px){.hero-title{font-size:clamp(2rem,12vw,2.8rem)}}