@font-face{font-family:Hero;src:url('/assets/fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype');font-display:swap}
:root{font-family:'Microsoft YaHei',Arial,sans-serif;color:#edf2df;background:#102b25;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 12%,#3c64434d,transparent 45%)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #def2ad;outline-offset:6px}header,main,footer{max-width:1220px;margin:auto;padding-left:40px;padding-right:40px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cee2bd26}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700}.brand img{transform:rotate(-8deg)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#aec5ac;margin-top:6px}nav{display:flex;align-items:center;gap:28px;font-size:14px}.languages{display:flex;padding:4px;border:1px solid #d9e9c433;border-radius:30px;gap:2px}.languages a{padding:8px 12px;border-radius:24px}.languages a[aria-current]{background:#dff0b2;color:#234436;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px 0 76px}.eyebrow{font-size:12px;letter-spacing:2px;color:#c7dcae;display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;background:#dfefa8;border-radius:50%;box-shadow:0 0 18px #dff0b2}h1{font-family:Hero,'Microsoft YaHei',sans-serif;font-size:clamp(50px,5.9vw,78px);line-height:1.2;font-weight:400;letter-spacing:2px;margin:30px 0;color:#e8efc5}html[lang=en] h1{font-family:Georgia,serif;font-size:clamp(45px,5.2vw,69px);letter-spacing:-2px}.intro{font-size:17px;line-height:1.9;color:#b8cbb9;max-width:440px}.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:#dff0b2;color:#203d30;min-height:58px;padding:12px 18px 12px 26px;border-radius:15px;font-size:18px;font-weight:700;box-shadow:0 5px 0 #72915d;margin-top:24px;transition:transform .2s,background .2s}.cta span{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#244b38;color:#ecf4d0;font-size:21px}.cta:hover{transform:translateY(-3px);background:#eaf7c9}.scroll{display:flex;align-items:center;gap:13px;margin-top:44px;letter-spacing:2px;font-size:11px;color:#a8bfa8}.scroll>span{font-size:23px;color:#d6e5b5}.hero-art{position:relative;margin:0;padding:0 20px 0 0}.art-frame{border:1px solid #c5dcab66;border-radius:130px 24px 100px 24px;overflow:hidden;box-shadow:18px 20px 0 #78906419,0 30px 60px #001a1555}.art-frame img{display:block;width:100%;height:auto;animation:arrival .9s ease-out}.hero-art figcaption{position:absolute;right:-7px;top:38px;display:flex;flex-direction:column;align-items:center;gap:12px}.hero-art figcaption>span{font-family:Hero,serif;writing-mode:vertical-rl;font-size:23px;letter-spacing:5px;background:#e0efb5;color:#244731;padding:17px 11px;border-radius:7px;box-shadow:3px 4px 0 #284838}.hero-art figcaption small{writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#bacdac;margin-top:10px}.art-spark{position:absolute;left:-24px;bottom:38px;font-size:57px;color:#dff0b2;font-style:normal;animation:glow 4s ease-in-out infinite}.ribbon{display:flex;gap:30px;align-items:center;justify-content:space-between;overflow:hidden;border-block:1px solid #d6e8b82b;padding:22px 0;color:#bfceab;font-size:12px;letter-spacing:3px;white-space:nowrap}.ribbon i{font-style:normal;color:#c7da99}.discover{padding:78px 0}.section-heading h2{font-size:34px;line-height:1.5;font-weight:600;margin:16px 0 30px;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{position:relative;background:linear-gradient(135deg,#284a3b,#17372c);border:1px solid #bdd3a737;border-radius:22px;padding:28px;transition:transform .2s}.cards article:hover{transform:translateY(-5px)}.number{font-size:12px;color:#a8be92;letter-spacing:2px}.card-symbol{float:right;font-size:30px;color:#dbeab8;line-height:1}.cards h3{font-size:22px;margin:26px 0 12px}.cards p{font-size:15px;line-height:1.9;color:#b7cbb7;margin:0}.join{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:42px;background:#dce9c6;color:#214235;border-radius:26px}.join .eyebrow{color:#5b7454}.join h2{font-size:30px;line-height:1.4;margin:16px 0}.join-heading>p:last-child{font-size:15px;line-height:1.9;color:#526b53;margin-bottom:0}.join-action{align-self:center}.join ol{display:flex;list-style:none;padding:0;gap:18px;counter-reset:steps}.join li{font-size:12px;line-height:1.5;flex:1}.join li:before{counter-increment:steps;content:'0' counter(steps);display:block;font-size:17px;letter-spacing:2px;color:#62814d;margin-bottom:8px}.join .cta{display:flex;background:#244b38;color:#f3f8e8;box-shadow:none;margin-top:24px}.join .cta span{background:#ddebba;color:#244b38}.note{font-size:12px;color:#9bb399;line-height:1.8;margin:22px 4px 55px}footer{display:flex;justify-content:space-between;padding-top:25px;padding-bottom:30px;border-top:1px solid #c7dbae26;font-size:11px;color:#adbea5;gap:20px;line-height:1.7}@keyframes arrival{from{opacity:.3;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes glow{50%{opacity:.45;transform:rotate(12deg)}}
@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}.header{height:86px}.brand{font-size:20px}.brand small{font-size:7px}.brand img{width:35px;height:35px}.nav-about{display:none}nav{gap:0}.languages a{padding:7px 10px;font-size:12px}.hero{grid-template-columns:1fr;gap:38px;padding:38px 0 44px}.hero-copy{max-width:540px}.eyebrow{font-size:11px}h1{font-size:54px;margin:23px 0 17px}html[lang=en] h1{font-size:51px}.intro{font-size:16px;line-height:1.8}.hero-copy .cta{display:flex;width:100%;margin-top:22px}.scroll{display:none}.hero-art{max-width:480px;width:100%;justify-self:center;padding-right:16px}.art-frame{border-radius:90px 18px 70px 18px;box-shadow:9px 12px 0 #78906419}.hero-art figcaption{right:-3px;top:24px}.hero-art figcaption>span{font-size:20px;padding:13px 9px}.art-spark{left:-13px;font-size:42px}.ribbon{gap:23px;font-size:10px;padding:19px 0}.discover{padding:48px 0}.section-heading h2{font-size:28px}.cards{grid-template-columns:1fr;gap:13px}.cards article{padding:23px}.cards h3{margin:17px 0 10px}.join{grid-template-columns:1fr;padding:26px;gap:15px}.join h2{font-size:27px}.join ol{gap:12px}.note{margin-bottom:33px}footer{flex-wrap:wrap}.brand span{max-width:180px}html[lang=en] .brand{font-size:13px}html[lang=en] .brand span{max-width:150px}}
@media(max-width:360px){header,main,footer{padding-left:17px;padding-right:17px}h1{font-size:47px}html[lang=en] h1{font-size:43px}.brand{font-size:18px}.brand small{letter-spacing:1px}.join{padding:22px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Three Kingdoms: ink, cinnabar, bronze and aged parchment. */
:root{color:#efe4ce;background:#181b19;font-family:'Microsoft YaHei',Arial,sans-serif}body{background:radial-gradient(ellipse at 87% 16%,#86654332,transparent 43%),linear-gradient(105deg,#101715,#202019)}.header{border-color:#b89a6033}.brand small{color:#b69c72}.languages{border-color:#b99c614d;border-radius:2px}.languages a{border-radius:1px}.languages a[aria-current]{background:#9b342a;color:#fff0d5}.eyebrow{color:#c5a76c}.eyebrow i{background:#b54835;border-radius:0;transform:rotate(45deg);box-shadow:0 0 14px #b5483577}h1{font-family:KaiTi,STKaiti,'Noto Serif CJK SC',serif;font-weight:900;color:#ead6a8;font-size:clamp(54px,6.5vw,86px);letter-spacing:5px;text-shadow:3px 4px 0 #0005}.intro{color:#bdbaa9}.cta{border-radius:2px;background:linear-gradient(110deg,#a53b2d,#7a241e);color:#fff0d5;border:1px solid #c58b554d;box-shadow:4px 5px 0 #0005;letter-spacing:2px}.cta span{background:transparent;color:#e8c88f;border-left:1px solid #e8c88f55;border-radius:0;width:39px}.cta:hover{background:#ac4432}.scroll{color:#a99776}.scroll>span{color:#c3a265}.art-frame{border-radius:2px;border:1px solid #b99d6577;box-shadow:12px 14px 0 #85683d17,0 30px 60px #0006;position:relative}.art-frame:after{content:'';position:absolute;inset:8px;border:1px solid #e3c78333;pointer-events:none}.hero-art figcaption>span{font-family:KaiTi,STKaiti,serif;font-weight:700;border-radius:0;background:#8f3026;color:#f2dfb8;border:1px solid #caa570;box-shadow:4px 5px 0 #0005;padding:21px 11px;clip-path:polygon(0 0,100% 0,100% 100%,50% 93%,0 100%)}.hero-art figcaption small{color:#c3a477}.art-spark{color:#b49460;font-size:39px}.ribbon{color:#baa579;border-color:#b99b6133;font-family:Georgia,KaiTi,serif}.ribbon i{color:#a64a35}.section-heading h2{font-family:KaiTi,STKaiti,Georgia,serif;font-size:38px;color:#e4d0a5}.cards{gap:0;border-block:1px solid #b99a6344}.cards article{background:transparent;border:0;border-right:1px solid #b99a6333;border-radius:0;padding:30px}.cards article:last-child{border-right:0}.number{color:#9b8561}.card-symbol{color:#caa773}.cards h3{font-family:KaiTi,STKaiti,Georgia,serif;font-size:27px;color:#e0c798}.cards p{color:#b9b5a4}.join{background:linear-gradient(120deg,#ddd0b0,#bca681);border:1px solid #e9d3a0;border-radius:2px;color:#302b22;position:relative;box-shadow:7px 8px 0 #0003}.join:before{content:'';position:absolute;inset:7px;border:1px solid #65503944;pointer-events:none}.join .eyebrow{color:#79603c}.join h2{font-family:KaiTi,STKaiti,Georgia,serif;font-size:34px}.join-heading>p:last-child{color:#5c513e}.join li:before{color:#8f3529}.join .cta{background:#8e2f25;color:#ffeed0;border-color:#a14e36}.join .cta span{background:transparent;color:#f1d9ab}.note{color:#968f7e}footer{color:#aa9676;border-color:#b99a6333}.hero-copy{position:relative}.hero-copy:before{content:'義';font-family:KaiTi,STKaiti,serif;position:absolute;font-size:280px;line-height:1;right:0;top:-50px;color:#b89a6008;pointer-events:none;z-index:-1}.header .brand{font-family:KaiTi,STKaiti,Georgia,serif;font-size:26px}.brand img{transform:none}.brand small{font-family:Arial,sans-serif;font-weight:400}.art-frame img{filter:saturate(.84)}
@media(max-width:760px){h1{font-size:60px;letter-spacing:3px}.header .brand{font-size:22px}.art-frame{border-radius:2px}.hero-art figcaption>span{padding:17px 9px}.section-heading h2{font-size:31px}.cards article{border-right:0;border-bottom:1px solid #b99a6333;padding:25px 8px}.cards article:last-child{border-bottom:0}.join{padding:28px}.join h2{font-size:30px}.hero-copy:before{font-size:220px;top:0}html[lang=en] .header .brand{font-size:13px}.hero{gap:34px}}
@media(max-width:360px){h1{font-size:51px}.header .brand{font-size:20px}.join{padding:24px}}
/* Battlefield atmosphere: decorative only, no input interception. */
.battle-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.header,main,body>footer{position:relative;z-index:1}.battle-atmosphere i{position:absolute;bottom:-20px;left:14%;width:3px;height:3px;background:#dba866;box-shadow:0 0 9px #da904b;border-radius:50%;animation:ember-rise 12s linear infinite}.battle-atmosphere i:nth-child(2){left:34%;animation-delay:-7s;animation-duration:16s}.battle-atmosphere i:nth-child(3){left:55%;animation-delay:-3s}.battle-atmosphere i:nth-child(4){left:74%;animation-delay:-10s;animation-duration:19s}.battle-atmosphere i:nth-child(5){left:86%;animation-delay:-5s}.battle-atmosphere i:nth-child(6){left:94%;animation-delay:-12s;animation-duration:15s}.hero-art .art-frame img{animation:war-breathe 14s ease-in-out infinite;transform-origin:50% 48%}.hero-art figcaption>span{animation:banner-sway 7s ease-in-out infinite;transform-origin:top center}.hero-art figcaption>span:nth-child(2){animation-delay:-3s}.battle-stamp{position:absolute;bottom:26px;left:-17px;border:2px solid #b8543e;outline:1px solid #b8543e;outline-offset:3px;color:#dfa174;background:#57251ecf;font-family:KaiTi,STKaiti,serif;font-size:22px;padding:9px;line-height:1.2;transform:rotate(-8deg)}.art-spark{bottom:auto;top:-26px;left:-18px;font-size:35px}@keyframes ember-rise{0%{transform:translate(0,0);opacity:0}15%{opacity:.65}80%{opacity:.4}100%{transform:translate(65px,-100vh);opacity:0}}@keyframes war-breathe{50%{transform:scale(1.035)}}@keyframes banner-sway{50%{transform:rotate(3deg)}}@media(prefers-reduced-motion:reduce){.battle-atmosphere{display:none}.hero-art .art-frame img,.hero-art figcaption>span{animation:none}}
html body .hero h1{font-size:var(--heroDesktop,72px)}html body .intro{font-size:var(--body,17px)}html body .cta{font-size:var(--button,18px)}@media(max-width:760px){html body .hero h1{font-size:var(--heroMobile,52px)}}