:root{--paper:#e7ece7;--paper-light:#f7f8f4;--paper-deep:#cbd7cf;--ink:#18241f;--ink-soft:#5d6d65;--red:#9a7437;--red-deep:#70501f;--red-soft:#c5a45c;--green:#284d46;--green-deep:#1e3a35;--green-dark:#172e2a;--bronze:#a77d2c;--line:#284d4633;--dark:var(--green-dark);--dark-soft:var(--green-deep);--white:#fbfcf8;--shadow:0 22px 64px #172e2a24;--serif:"Songti SC", "STSong", "SimSun", "Noto Serif CJK SC", serif;--sans:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}main{min-height:100vh;position:relative;overflow:hidden}.page-noise{z-index:20;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:linear-gradient(90deg,#342a1e09 1px,#0000 1px),linear-gradient(#342a1e06 1px,#0000 1px);background-size:6px 6px;position:fixed;inset:0}.site-header{border-bottom:1px solid var(--line);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1400px,100% - 80px);height:94px;margin:0 auto;display:grid;position:relative}.brand{align-items:center;gap:14px;width:fit-content;display:inline-flex}.brand-seal{color:#f8e8c8;background:var(--red);border:1px solid var(--red-deep);width:46px;height:46px;box-shadow:inset 0 0 0 5px var(--red), inset 0 0 0 6px #f8e8c8a6;font:700 27px/1 var(--serif);place-items:center;display:grid}.brand>span:last-child{flex-direction:column;gap:2px;display:flex}.brand strong{font:700 22px/1.1 var(--serif);letter-spacing:.12em}.brand small{color:var(--ink-soft);font:600 9px/1 var(--sans);letter-spacing:.38em}.site-header nav{align-items:center;gap:52px;display:flex}.site-header nav a{color:var(--ink-soft);font:500 14px/1 var(--sans);letter-spacing:.25em;padding:35px 0;position:relative}.site-header nav a:after{content:"";background:var(--red);height:2px;transition:all .18s;position:absolute;bottom:-1px;left:50%;right:50%}.site-header nav a:hover{color:var(--red)}.site-header nav a:hover:after{left:0;right:0}.header-note{color:var(--bronze);font:500 11px/1 var(--serif);letter-spacing:.2em;justify-self:end}.hero{text-align:center;flex-direction:column;align-items:center;width:min(1400px,100% - 80px);min-height:680px;margin:0 auto;padding:104px 20px 138px;display:flex;position:relative}.hero:before{content:"";pointer-events:none;border:1px solid #755d3d24;border-radius:50%;width:720px;height:720px;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 0 0 74px #755d3d06,0 0 0 148px #755d3d05}.hero-kicker{color:var(--bronze);font:600 12px/1 var(--serif);letter-spacing:.22em;z-index:1;align-items:center;gap:18px;display:flex;position:relative}.hero-kicker span{background:var(--bronze);opacity:.55;width:38px;height:1px}.hero h1{font:700 clamp(60px, 7.2vw, 112px)/1.06 var(--serif);letter-spacing:.03em;z-index:1;margin:30px 0 25px;position:relative}.hero h1 em{color:var(--red);font-style:normal;position:relative}.hero h1 em:after{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='400' height='10' viewBox='0 0 400 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 7C100 1 300 11 398 3' stroke='%239A7437' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:9px;position:absolute;bottom:-7px;left:4%;right:4%}.hero-copy{color:var(--ink-soft);font:400 17px/2 var(--serif);letter-spacing:.08em;z-index:1;margin:0;position:relative}.hero-cta{min-width:178px;height:56px;color:var(--white);background:var(--red);border:1px solid var(--red-deep);box-shadow:inset 0 0 0 4px var(--red), inset 0 0 0 5px #ffefd457;font:600 14px/1 var(--serif);letter-spacing:.22em;z-index:1;justify-content:center;align-items:center;gap:14px;margin-top:34px;padding:0 24px;transition:all .18s;display:inline-flex;position:relative}.hero-cta:hover{background:var(--red-deep);transform:translateY(-2px);box-shadow:0 12px 28px #70501f33}.hero-cta svg{width:18px}.hero-orbit{color:var(--bronze);font:600 24px/1 var(--serif);border:1px solid #755d3d40;border-radius:50%;place-items:center;display:grid;position:absolute}.hero-orbit:before,.hero-orbit:after{content:"";background:var(--paper);position:absolute}.hero-orbit:before{border-left:1px solid #755d3d38;width:1px;top:-10px;bottom:-10px;left:50%}.hero-orbit:after{border-top:1px solid #755d3d38;height:1px;top:50%;left:-10px;right:-10px}.hero-orbit span{background:var(--paper);border:1px solid var(--line);z-index:1;place-items:center;width:42px;height:42px;display:grid;position:relative}.orbit-one{width:112px;height:112px;top:180px;left:8%;transform:rotate(-10deg)}.orbit-two{width:90px;height:90px;bottom:170px;right:9%;transform:rotate(9deg)}.hero-side-note{color:#493d2d61;font:500 13px/1 var(--serif);letter-spacing:.6em;writing-mode:vertical-rl;position:absolute}.hero-side-note.left{bottom:105px;left:2px}.hero-side-note.right{top:105px;right:2px}.assembly-section{background:var(--paper);margin:0;padding:0 max(40px,50vw - 700px) 106px;position:relative}.assembly-frame{background:#e9e5dc;border:1px solid #493b2a40;height:clamp(440px,43vw,620px);position:relative;overflow:hidden;box-shadow:0 22px 60px #3b2e1f1f,inset 0 0 0 8px #f8f3e99e,inset 0 0 0 9px #56432c24}.assembly-image{object-fit:cover;object-position:center 46%;filter:saturate(.76)contrast(.96)sepia(.06);width:100%;height:100%;display:block;transform:scale(1.006)}.assembly-wash{pointer-events:none;background:linear-gradient(90deg,#f7f3eac2 0%,#f7f3ea4d 27%,#0000 49%),linear-gradient(#f5f0e729,#0000 55%,#2a241d29);position:absolute;inset:0;box-shadow:inset 0 0 70px #4235262e}.assembly-inscription{width:min(420px,38%);color:var(--ink);align-items:flex-start;gap:18px;display:flex;position:absolute;top:12%;left:6%}.assembly-seal{color:#f8e8c8;background:var(--red);border:1px solid var(--red-deep);width:44px;height:44px;box-shadow:inset 0 0 0 4px var(--red), inset 0 0 0 5px #f8e8c8a8;font:700 24px/1 var(--serif);flex:none;place-items:center;display:grid;transform:rotate(-3deg)}.assembly-inscription p,.assembly-inscription h2,.assembly-inscription span{margin:0}.assembly-inscription p{color:var(--red);font:600 11px/1 var(--serif);letter-spacing:.28em}.assembly-inscription h2{font:700 clamp(28px, 3vw, 43px)/1.22 var(--serif);letter-spacing:.04em;margin:14px 0 17px}.assembly-inscription div>span{color:var(--ink-soft);font:400 13px/2 var(--serif);letter-spacing:.05em}.assembly-corner{pointer-events:none;width:62px;height:62px;position:absolute}.assembly-corner:before,.assembly-corner:after{content:"";background:#9a74378a;position:absolute}.assembly-corner:before{width:62px;height:1px}.assembly-corner:after{width:1px;height:62px}.corner-top{top:24px;right:24px;transform:rotate(180deg)}.corner-bottom{bottom:24px;left:24px}.assembly-footnote{color:#4d3f2e94;height:44px;font:500 10px/1 var(--serif);letter-spacing:.24em;justify-content:center;align-items:center;gap:18px;display:flex}.assembly-footnote i{background:var(--red);width:3px;height:3px;transform:rotate(45deg)}.translator-section{background:linear-gradient(#fffdf8ad, #fffdf8ad), var(--paper-light);border-top:1px solid var(--line);padding:94px max(40px,50vw - 700px) 120px;position:relative}.translator-section:before{content:"";opacity:.18;pointer-events:none;background-image:radial-gradient(#372c1f4d .7px,#0000 .7px);background-size:11px 11px;position:absolute;inset:0}.section-heading{z-index:1;align-items:center;gap:22px;margin-bottom:42px;display:flex;position:relative}.section-number{border:1px solid var(--red);width:58px;height:58px;color:var(--red);font:600 18px/1 var(--serif);place-items:center;display:grid;transform:rotate(45deg)}.section-number i{font-style:normal;transform:rotate(-45deg)}.section-heading>div{border-left:1px solid var(--line);padding-left:22px}.section-heading p,.section-heading h2{margin:0}.section-heading p{color:var(--bronze);font:600 11px/1 var(--serif);letter-spacing:.28em}.section-heading h2{font:700 clamp(28px, 3vw, 42px)/1.1 var(--serif);letter-spacing:.04em;margin-top:8px}.translator-shell{box-shadow:var(--shadow);z-index:1;grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);display:grid;position:relative}.input-panel{background:#fbf8f1;border:1px solid #41342633;padding:42px 46px 40px}.panel-heading,.result-topline{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel-label{min-width:45px;height:23px;color:var(--red);border:1px solid var(--red-soft);font:600 11px/1 var(--serif);letter-spacing:.16em;justify-content:center;align-items:center;display:inline-flex}.panel-label.inverse{color:#f0d8b9;border-color:#f0d8b97a}.panel-heading h3{font:700 26px/1.15 var(--serif);margin:12px 0 0}.character-count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.character-count.warning{color:var(--red)}.input-panel textarea{resize:none;width:100%;height:158px;color:var(--ink);border:1px solid var(--line);font:400 17px/2.35 var(--serif);background:linear-gradient(#0000 39px,#5243301c 40px) 0 0/100% 40px,#ebe1d040;border-radius:0;outline:none;margin-top:22px;padding:22px;transition:all .16s}.input-panel textarea::placeholder{color:#5c51437a}.direction-switch{border:1px solid var(--line);background:#ded3c06b;grid-template-columns:1fr 1fr;margin-top:20px;padding:4px;display:grid}.direction-switch button{cursor:pointer;text-align:left;min-height:58px;color:var(--ink-soft);background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;padding:11px 14px;transition:all .16s;display:flex}.direction-switch button:hover{color:var(--red)}.direction-switch button.active{color:var(--white);background:var(--red);box-shadow:inset 0 0 0 4px var(--red), inset 0 0 0 5px #ffefd43d}.direction-switch strong{font:600 15px/1 var(--serif);letter-spacing:.14em}.direction-switch small{font:500 10px/1.35 var(--serif);letter-spacing:.04em;opacity:.78}.example-row{align-items:flex-start;gap:12px;margin-top:14px;display:flex}.example-row>span{color:var(--ink-soft);flex:none;padding-top:7px;font-size:11px}.example-row>div{flex-wrap:wrap;gap:7px;display:flex}.example-row button{cursor:pointer;max-width:230px;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #493b2a29;padding:6px 9px;font-size:11px;transition:all .15s;overflow:hidden}.example-row button:hover{color:var(--red);background:#9a74370a;border-color:#9a743757}.divider{color:var(--bronze);font:600 11px/1 var(--serif);letter-spacing:.25em;align-items:center;gap:12px;margin:27px 0 20px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.mode-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-grid button{cursor:pointer;text-align:left;border:1px solid var(--line);background:0 0;align-items:center;gap:13px;min-height:78px;padding:13px 14px;transition:all .16s;display:flex}.mode-grid button:hover{border-color:#9a743761}.mode-mark{width:37px;height:37px;color:var(--red);font:600 17px/1 var(--serif);border:1px solid #9a74376b;border-radius:50%;flex:none;place-items:center;display:grid}.mode-grid button>span:last-child{flex-direction:column;gap:5px;display:flex}.mode-grid strong{font:600 14px/1 var(--serif);letter-spacing:.08em}.mode-grid small{color:var(--ink-soft);font-size:10px}.level-field{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:19px;display:flex}.level-field>div:first-child{flex-direction:column;gap:5px;display:flex}.field-title{font:600 13px/1 var(--serif);letter-spacing:.08em}.field-help{color:var(--ink-soft);font-size:10px}.level-switch{border:1px solid var(--line);background:#ded3c06b;padding:3px;display:flex}.level-switch button{cursor:pointer;min-width:62px;height:32px;color:var(--ink-soft);font:500 11px/1 var(--serif);background:0 0;border:0;padding:0 10px}.level-switch button.active{color:var(--white);background:var(--red)}.error-message{color:var(--red);margin:13px 0 -5px;font-size:12px}.translate-button{cursor:pointer;width:100%;height:58px;color:var(--white);background:var(--red);border:1px solid var(--red-deep);box-shadow:inset 0 0 0 4px var(--red), inset 0 0 0 5px #ffefd452;font:600 15px/1 var(--serif);letter-spacing:.2em;grid-template-columns:34px 1fr 34px;align-items:center;margin-top:24px;padding:0 20px;transition:all .18s;display:grid}.translate-button:hover:not(:disabled){background:var(--red-deep);box-shadow:inset 0 0 0 4px var(--red-deep), inset 0 0 0 5px #ffefd447, 0 10px 24px #70501f2e}.translate-button:disabled{cursor:not-allowed;opacity:.46}.translate-button svg{justify-self:end;width:19px}.button-decoration{color:#efcda2;justify-self:start;font-size:9px}.loading-dots{justify-self:end;gap:4px;display:flex}.loading-dots i{background:#f5ddbd;border-radius:50%;width:4px;height:4px;animation:.9s infinite alternate loading}.loading-dots i:nth-child(2){animation-delay:.18s}.loading-dots i:nth-child(3){animation-delay:.36s}@keyframes loading{0%{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}}.result-panel{color:#f2eadb;background:linear-gradient(135deg, #ffffff06, transparent 40%), var(--dark);border:1px solid #1a1b18;padding:42px 42px 32px;position:relative;overflow:hidden}.result-panel:before{content:"";border:1px solid #e0cba51f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-190px;right:-210px;box-shadow:0 0 0 50px #e0cba506,0 0 0 100px #e0cba505}.result-topline{z-index:1;border-bottom:1px solid #efdcbc2e;min-height:64px;padding-bottom:22px;position:relative}.result-topline>div{align-items:center;gap:13px;display:flex}.result-style{color:#f4e8d49e;font:500 11px/1 var(--serif);letter-spacing:.15em}.result-seal{color:#d4ba7a;width:48px;height:48px;box-shadow:inset 0 0 0 3px var(--dark), inset 0 0 0 4px #c5a45c66;font:600 13px/1.15 var(--serif);letter-spacing:.08em;writing-mode:vertical-rl;border:2px solid #c5a45ca8;place-items:center;display:grid;transform:rotate(-4deg)}.empty-result{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:570px;display:flex;position:relative}.empty-glyph{color:#e8d8bb1f;width:142px;height:142px;box-shadow:inset 0 0 0 18px var(--dark), inset 0 0 0 19px #e8d8bb14;font:700 72px/1 var(--serif);border:1px solid #e8d8bb21;border-radius:50%;place-items:center;display:grid}.empty-result p{color:#f5e9d3b8;font:600 19px/1 var(--serif);letter-spacing:.18em;margin:28px 0 11px}.empty-result small{color:#f5e9d35c;font:400 12px/1.9 var(--serif);letter-spacing:.08em}.result-content{z-index:1;scrollbar-color:#e5cfae47 transparent;min-height:480px;max-height:520px;padding:34px 6px 22px 2px;position:relative;overflow:auto}.result-content p{color:#f0e8da;font:400 17px/2.05 var(--serif);letter-spacing:.04em;margin:0 0 17px}.result-content p:first-child:first-letter{color:#d4ba7a;font-size:34px;line-height:1}.result-actions{z-index:1;border-top:1px solid #efdcbc2e;align-items:center;gap:8px;min-height:54px;display:flex;position:relative}.result-actions button{cursor:pointer;color:#f2e7d39e;height:35px;font:500 10px/1 var(--sans);background:0 0;border:1px solid #efdcbc2e;align-items:center;gap:7px;padding:0 10px;transition:all .15s;display:inline-flex}.result-actions button:hover{color:#f7e9ce;background:#ffffff09;border-color:#efdcbc73}.result-actions svg{width:15px}.result-meta{color:#f2e7d347;z-index:1;justify-content:space-between;gap:18px;font-size:9px;display:flex;position:relative}.result-support{color:#f2e7d357;font:400 10px/1.8 var(--serif);letter-spacing:.08em;z-index:1;margin:12px 0 0;position:relative}.result-support a{color:#cdae69c2;border-bottom:1px solid #cdae694d;text-decoration:none;transition:color .18s,border-color .18s}.result-support a:hover{color:#e2c98f;border-color:#e2c98f9e}.attribution-footer{color:var(--ink);background:#eee7da;border-top:1px solid #4b3a262e;justify-content:space-between;align-items:center;gap:32px;padding:30px max(40px,50vw - 700px);display:flex}.attribution-footer strong{font:600 15px/1.4 var(--serif)}.attribution-footer p{color:var(--ink-soft);font:400 12px/1.7 var(--serif);margin:7px 0 0}.attribution-links{flex-wrap:wrap;flex:none;gap:10px;display:flex}.attribution-links a{min-height:40px;color:var(--red);font:600 11px/1 var(--sans);border:1px solid #9a743757;align-items:center;gap:8px;padding:0 13px;text-decoration:none;display:inline-flex}.attribution-links a:hover{color:#fff7ea;background:var(--red)}.attribution-links svg{width:15px}.skill-section{color:var(--ink);background:linear-gradient(115deg,#fffdf8a8,#0000 48%),#d9cbb4;border-top:1px solid #4b3a2638;padding:112px max(40px,50vw - 700px) 124px;position:relative;overflow:hidden}.skill-section:before{content:"授";color:#5e472c09;font:700 390px/1 var(--serif);pointer-events:none;position:absolute;top:-60px;right:-22px}.skill-heading{z-index:1;grid-template-columns:1fr minmax(360px,.72fr);align-items:end;gap:80px;margin-bottom:52px;display:grid;position:relative}.skill-heading h2{font:700 clamp(38px, 4.5vw, 65px)/1.16 var(--serif);letter-spacing:.03em;margin:16px 0 0}.skill-heading>p{color:var(--ink-soft);font:400 15px/2.05 var(--serif);border-left:1px solid #4b3a2647;margin:0 0 8px;padding-left:36px}.skill-layout{z-index:1;grid-template-columns:minmax(390px,.78fr) minmax(520px,1.22fr);gap:24px;display:grid;position:relative}.skill-package-card{color:#f5e9d6;background:linear-gradient(145deg,#ffffff0a,#0000 42%),#806126;border:1px solid #5f461d;min-height:610px;padding:44px 40px 32px;position:relative;overflow:hidden;box-shadow:0 25px 60px #492a1b2e}.skill-package-card:before,.skill-package-card:after{content:"";pointer-events:none;border:1px solid #f8e0be24;border-radius:50%;position:absolute}.skill-package-card:before{width:430px;height:430px;top:-230px;right:-250px;box-shadow:0 0 0 48px #f8e0be06,0 0 0 96px #f8e0be05}.skill-package-card:after{width:260px;height:260px;bottom:-160px;left:-170px}.skill-package-top{z-index:1;align-items:flex-start;gap:22px;display:flex;position:relative}.skill-knot{color:#6f521f;width:65px;height:65px;font:700 34px/1 var(--serif);background:#ebd8ba;border:1px solid #f0dfc4;flex:none;place-items:center;display:grid;transform:rotate(-3deg);box-shadow:inset 0 0 0 5px #ebd8ba,inset 0 0 0 6px #6f521f61}.skill-package-top small{color:#fae8ca94;font:600 9px/1 var(--sans);letter-spacing:.23em}.skill-package-top h3{font:600 clamp(27px, 3vw, 38px)/1 var(--serif);letter-spacing:.06em;margin:11px 0 8px}.skill-package-top p{color:#fae8ca9e;font:400 12px/1.7 var(--serif);margin:0}.skill-capabilities{z-index:1;border-top:1px solid #fae8ca2e;border-bottom:1px solid #fae8ca2e;grid-template-columns:1fr 1fr;gap:13px 24px;margin:44px 0 30px;padding:25px 0;display:grid;position:relative}.skill-capabilities span{color:#fcefdac7;font:500 12px/1 var(--serif);letter-spacing:.08em;align-items:center;gap:9px;display:flex}.skill-capabilities span:before{content:"";border:1px solid #c7a45f;width:5px;height:5px;transform:rotate(45deg)}.skill-file-list{z-index:1;flex-direction:column;gap:11px;display:flex;position:relative}.skill-file-list span{color:#fcefda80;font:400 11px/1 var(--sans);align-items:center;gap:11px;display:flex}.skill-file-list i{color:#d7bd82;width:24px;height:24px;font:500 10px/1 var(--serif);border:1px solid #c7a45f5c;place-items:center;font-style:normal;display:grid}.skill-actions{z-index:1;gap:10px;margin-top:38px;display:grid;position:relative}.skill-copy-full,.skill-download{text-align:left;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:0 19px 0 22px;transition:all .17s;display:flex}.skill-copy-full{cursor:pointer;color:#65491d;background:#eddcbd;border:1px solid #f5e7cf;width:100%;box-shadow:inset 0 0 0 4px #eddcbd,inset 0 0 0 5px #65491d3d}.skill-download{color:#fae8cac2;background:#fff6e20f;border:1px solid #fae8ca38;min-height:58px}.skill-copy-full:hover{background:#f5e5c8;transform:translateY(-2px);box-shadow:0 12px 28px #2e151133}.skill-copy-full:disabled{cursor:wait;opacity:.64;transform:none}.skill-download:hover{color:#fff0d5;background:#fff6e21a;border-color:#fae8ca61;transform:translateY(-1px)}.skill-copy-full>span,.skill-download>span{flex-direction:column;gap:6px;display:flex}.skill-copy-full strong,.skill-download strong{font:600 14px/1 var(--serif);letter-spacing:.1em}.skill-copy-full small,.skill-download small{font:500 9px/1 var(--sans)}.skill-copy-full small{color:#65491d9e}.skill-download small{color:#fae8ca73}.skill-copy-full svg,.skill-download svg{width:22px}.skill-cost-note{color:#fae8ca61;text-align:center;font:400 9px/1.6 var(--serif);letter-spacing:.05em;z-index:1;margin:16px 0 0;position:relative}.skill-copy-error{color:#e1ca97;text-align:center;font:400 10px/1.6 var(--serif);z-index:1;margin:10px 0 0;position:relative}.install-guide{background:#f9f4ead1;border:1px solid #4b3a2633;min-height:610px;padding:42px 44px 34px;box-shadow:inset 0 0 0 7px #f9f4ea75}.install-title{align-items:center;gap:17px;display:flex}.install-title>span{width:47px;height:47px;color:var(--red);border:1px solid var(--red);font:600 14px/1 var(--serif);place-items:center;display:grid;transform:rotate(45deg)}.install-title>span i{font-style:normal;transform:rotate(-45deg)}.install-title>div{border-left:1px solid var(--line);padding-left:18px}.install-title small{color:var(--bronze);font:600 9px/1 var(--serif);letter-spacing:.24em}.install-title h3{font:700 25px/1 var(--serif);margin:7px 0 0}.install-steps{margin:35px 0 27px;padding:0;list-style:none}.install-steps li{grid-template-columns:42px 1fr;gap:17px;display:grid;position:relative}.install-steps li:not(:last-child){padding-bottom:26px}.install-steps li:not(:last-child):after{content:"";background:#9a743738;width:1px;position:absolute;top:33px;bottom:0;left:16px}.install-steps li>span{color:#f7e7ca;background:var(--red);width:33px;height:33px;font:600 12px/1 var(--serif);z-index:1;border-radius:50%;place-items:center;display:grid;position:relative}.install-steps h4{font:600 15px/1 var(--serif);letter-spacing:.08em;margin:4px 0 8px}.install-steps p{color:var(--ink-soft);font:400 11px/1.65 var(--serif);margin:0 0 7px}.install-steps code{color:#70501f;background:#9a74370f;border:1px solid #9a743721;padding:5px 8px;font:500 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-block}.prompt-example{background:#2b2c28;border:1px solid #1b1c19;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:12px 12px 12px 15px;display:grid}.prompt-example p{color:#f8eddac7;font:400 11px/1.65 var(--serif);margin:0}.prompt-example button{cursor:pointer;color:#e8c7a0;background:0 0;border:1px solid #e8c7a047;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:9px;display:inline-flex}.prompt-example button:hover{border-color:#e8c7a094}.prompt-example svg{width:13px}.principles-section{color:#ece3d4;background:var(--dark);padding:100px max(40px,50vw - 700px) 118px;position:relative}.principles-section:before{content:"禮";color:#efe0c606;font:700 330px/1 var(--serif);position:absolute;top:12px;right:6%}.section-heading.light .section-number{color:#c5a45c;border-color:#9a7437}.section-heading.light>div{border-color:#efdcbc33}.section-heading.light p{color:#bda881}.principle-grid{z-index:1;border-top:1px solid #efdcbc2e;border-bottom:1px solid #efdcbc2e;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.principle-grid article{border-right:1px solid #efdcbc2e;min-height:310px;padding:30px 30px 34px;position:relative}.principle-grid article:last-child{border-right:0}.principle-index{color:#efdcbc52;font:500 11px/1 var(--sans);letter-spacing:.2em}.principle-symbol{color:#d7bd82;width:72px;height:72px;font:600 31px/1 var(--serif);border:1px solid #d7bd7e6b;border-radius:50%;place-items:center;margin:34px 0 29px;display:grid}.principle-grid h3{font:600 20px/1 var(--serif);letter-spacing:.12em;margin:0 0 13px}.principle-grid p{color:#efe5d380;font:400 13px/1.9 var(--serif);margin:0}.about-section{border-bottom:1px solid var(--line);background:#dcd0bc;grid-template-columns:110px 1fr 1.1fr;align-items:center;gap:55px;min-height:350px;padding:80px max(40px,50vw - 700px);display:grid}.about-seal{width:92px;height:92px;color:var(--red);border:2px solid var(--red);font:700 29px/1 var(--serif);grid-template-columns:1fr 1fr;place-items:center;display:grid;transform:rotate(-3deg);box-shadow:inset 0 0 0 6px #dcd0bc,inset 0 0 0 7px #9a7437a6}.eyebrow{color:var(--red);font:600 11px/1 var(--serif);letter-spacing:.3em}.about-section h2{max-width:510px;font:700 clamp(28px, 3vw, 43px)/1.35 var(--serif);margin:17px 0 0}.about-section>p{color:var(--ink-soft);font:400 15px/2.15 var(--serif);border-left:1px solid #4b3c2a40;margin:0;padding-left:42px}footer{background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:168px;padding:46px max(40px,50vw - 700px);display:grid}.footer-brand .brand-seal{width:42px;height:42px;font-size:24px}.footer-brand small{font-family:var(--serif);letter-spacing:.12em}footer p,footer>span,.footer-note,.footer-right{color:var(--ink-soft);font:400 10px/1.7 var(--serif);letter-spacing:.06em;margin:0}.footer-note{text-align:center;justify-self:center;gap:6px;max-width:520px;display:grid}.footer-note p{margin:0}.footer-note a,.footer-sponsor{color:#4b3c2a8a}.footer-note a{border-bottom:1px solid #9a743738;text-decoration:none;transition:color .18s,border-color .18s}.footer-note a:hover{color:var(--red);border-color:#9a743780}.footer-sponsor{letter-spacing:.1em;font-size:9px}.footer-right{text-align:right;justify-self:end;gap:4px;display:grid}.footer-right a{color:#4b3c2a6b;text-decoration:none;transition:color .18s,opacity .18s}.footer-right a:hover{color:var(--red);opacity:.82}@media (max-width:1050px){.site-header{grid-template-columns:1fr auto;width:min(100% - 40px,900px)}.site-header nav{display:none}.hero{width:calc(100% - 40px)}.assembly-inscription{width:min(410px,46%)}.translator-shell{grid-template-columns:1fr}.skill-heading{grid-template-columns:1fr;gap:26px}.skill-heading>p{max-width:650px}.skill-layout{grid-template-columns:1fr}.translator-panel{min-height:auto}.result-panel{min-height:620px}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid article:nth-child(2){border-right:0}.principle-grid article:nth-child(-n+2){border-bottom:1px solid #efdcbc2e}.about-section{grid-template-columns:90px 1fr}.about-section>p{border-left:0;grid-column:2;padding-left:0}}@media (max-width:680px){.attribution-footer{flex-direction:column;align-items:flex-start;gap:20px;padding:28px 20px}.attribution-links{width:100%}.attribution-links a{flex:calc(50% - 5px);justify-content:center}.site-header{width:calc(100% - 28px);height:78px}.brand-seal{width:40px;height:40px;font-size:23px}.brand strong{font-size:18px}.header-note{letter-spacing:.1em;font-size:9px}.hero{width:100%;min-height:610px;padding:90px 20px 100px}.hero:before{width:460px;height:460px;top:55px}.hero-kicker{gap:10px;font-size:10px}.hero-kicker span{width:18px}.hero h1{margin-top:25px;font-size:clamp(46px,13vw,62px)}.hero h1 em{white-space:nowrap;display:block}.hero-copy{font-size:14px}.hero-orbit,.hero-side-note{display:none}.assembly-section{padding:0 14px 68px}.assembly-frame{height:500px;box-shadow:0 16px 40px #3b2e1f1f,inset 0 0 0 5px #f8f3e99e,inset 0 0 0 6px #56432c24}.assembly-image{object-position:53% center}.assembly-wash{background:linear-gradient(#f7f3ea29,#0000 42%,#201c1752),linear-gradient(90deg,#f7f3ea2e,#0000 48%)}.assembly-inscription{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4ede0e6;border:1px solid #58452e38;gap:13px;width:auto;padding:19px 18px 18px;inset:auto 25px 24px;box-shadow:0 12px 28px #251e1826}.assembly-seal{width:37px;height:37px;font-size:20px}.assembly-inscription p{font-size:9px}.assembly-inscription h2{margin:10px 0 9px;font-size:25px}.assembly-inscription div>span{font-size:11px;line-height:1.7}.assembly-corner{display:none}.assembly-footnote{letter-spacing:.13em;gap:11px;font-size:9px}.translator-section,.principles-section,.skill-section{padding:70px 14px 80px}.skill-heading{margin:0 10px 35px}.skill-heading h2{font-size:38px}.skill-heading>p{border-left:0;padding:0;font-size:13px}.skill-layout{display:block}.skill-package-card{min-height:auto;padding:34px 24px 27px}.skill-package-top{gap:15px}.skill-knot{width:52px;height:52px;font-size:27px}.skill-package-top h3{font-size:26px}.skill-capabilities{margin-top:31px}.install-guide{min-height:auto;margin-top:14px;padding:34px 21px 27px}.install-title{margin-left:7px}.install-steps li{grid-template-columns:36px 1fr;gap:12px}.install-steps code{overflow-wrap:anywhere;max-width:100%}.prompt-example{grid-template-columns:1fr}.prompt-example button{width:fit-content;min-height:40px}.section-heading{gap:16px;margin-left:8px}.section-number{width:45px;height:45px;font-size:15px}.section-heading>div{padding-left:15px}.section-heading h2{font-size:27px}.translator-shell{display:block}.input-panel{padding:30px 20px 28px}.input-panel textarea{height:145px;padding:17px;font-size:15px}.example-row{display:block}.example-row>span{margin-bottom:8px;display:block}.example-row>div{gap:9px}.example-row button{text-align:left;max-width:100%;min-height:40px;padding:0 11px}.mode-grid{grid-template-columns:1fr}.mode-grid button{min-height:67px}.level-field{flex-direction:column;align-items:flex-start}.level-switch{width:100%}.level-switch button{flex:1;height:40px}.translate-button{font-size:13px}.result-panel{min-height:600px;padding:30px 21px 24px}.result-content{min-height:400px;max-height:none}.result-content p{font-size:15px}.result-actions{flex-wrap:wrap;padding:12px 0}.result-actions button{white-space:nowrap;flex:1;justify-content:center;min-height:40px}.result-meta{flex-direction:column;align-items:flex-start;gap:5px}.result-support{margin-top:8px}.principle-grid{grid-template-columns:1fr}.principle-grid article{border-bottom:1px solid #efdcbc2e;border-right:0;min-height:235px}.principle-grid article:last-child{border-bottom:0}.principle-symbol{width:58px;height:58px;margin:24px 0 22px;font-size:25px}.about-section{grid-template-columns:1fr;gap:28px;padding:64px 24px}.about-seal{width:72px;height:72px;font-size:23px}.about-section>p{grid-column:auto}footer{grid-template-columns:1fr;gap:23px;padding:38px 24px}.footer-note{text-align:left;justify-self:start}.footer-note a{align-items:center;min-width:44px;min-height:36px;display:inline-flex}.footer-right{text-align:left;justify-self:start}.footer-right a{align-items:center;min-height:36px;display:flex}}.page-noise{opacity:.06;mix-blend-mode:normal}.site-header{background:#f7f8f4c7;border-bottom-color:#284d462e;width:min(1400px,100% - 56px);height:76px}.brand{align-items:center;gap:11px}.brand-seal{width:40px;height:40px;box-shadow:inset 0 0 0 3px var(--red), inset 0 0 0 4px #fff5e094;flex:0 0 40px;font-size:23px}.brand>span:last-child{justify-content:center;gap:3px;min-height:40px}.brand strong{letter-spacing:0;white-space:nowrap;font-size:20px;line-height:1;display:block}.brand small{letter-spacing:.28em;white-space:nowrap;line-height:1;display:block}.footer-brand>span:last-child{min-height:42px}.site-header nav{gap:34px}.site-header nav a{letter-spacing:.1em;padding:28px 0}.header-note{color:var(--green);font-family:var(--sans);letter-spacing:.04em}.api-config-trigger{min-width:124px;height:38px;color:var(--green-deep);font:600 12px/1 var(--sans);letter-spacing:0;background:0 0;border:1px solid #284d4647;border-radius:4px;justify-content:center;justify-self:end;align-items:center;gap:8px;padding:0 13px;display:inline-flex}.api-config-trigger:hover{color:#fff8ea;background:var(--green);border-color:var(--green)}.api-config-trigger svg{flex:0 0 16px;width:16px;height:16px}.api-config-trigger i{background:var(--red-soft);border-radius:50%;flex:0 0 6px;width:6px;height:6px}.api-config-trigger.configured i{background:var(--green);box-shadow:0 0 0 3px #284d461f}.api-config-trigger.configured:hover i{box-shadow:none;background:#f1d99f}.api-config-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1125208f;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.api-config-dialog{width:min(520px,100%);max-height:calc(100svh - 48px);color:var(--ink);background:#f7f3e9;border:1px solid #70501f47;border-radius:6px;padding:28px;overflow-y:auto;box-shadow:0 28px 80px #1227224d,inset 0 0 0 5px #fffaef9e}.api-config-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.api-config-heading span,.api-config-heading h2,.api-config-description,.api-config-error{margin:0}.api-config-heading span{color:var(--red);font:600 10px/1 var(--sans);letter-spacing:.12em}.api-config-heading h2{font:700 27px/1.18 var(--serif);letter-spacing:0;margin-top:8px}.api-dialog-icon-button,.api-key-visibility{width:36px;height:36px;color:var(--ink-soft);background:0 0;border:1px solid #284d462e;border-radius:4px;flex:0 0 36px;place-items:center;display:grid}.api-dialog-icon-button:hover,.api-key-visibility:hover{color:var(--green-deep);background:#284d460f;border-color:#284d466b}.api-dialog-icon-button svg,.api-key-visibility svg{width:18px;height:18px}.api-config-description{color:#5f6d69;margin-top:20px;font-size:13px;line-height:1.75}.api-key-field{gap:9px;margin-top:22px;display:grid}.api-key-field>span{color:var(--green-deep);font:600 12px/1 var(--sans)}.api-key-field>div{background:#fffdf7;border:1px solid #284d4640;border-radius:4px;align-items:center;height:46px;display:flex}.api-key-field>div:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #284d4617}.api-key-field input{min-width:0;height:100%;color:var(--ink);font:500 14px/1 var(--sans);letter-spacing:0;background:0 0;border:0;outline:0;flex:1;padding:0 13px}.api-key-visibility{border:0;border-left:1px solid #284d4624;flex-basis:42px;width:42px;height:44px}.api-config-error{color:#8b3f32;margin-top:9px;font-size:12px}.api-config-links{border-top:1px solid #70501f29;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;display:flex}.api-config-links a{color:var(--red-deep);font:600 12px/1 var(--sans);align-items:center;gap:6px;display:inline-flex}.api-config-links a svg{width:14px}.api-config-links>span{color:#75807b;text-align:right;font-size:10px}.api-config-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.api-config-actions button{height:42px;font:600 12px/1 var(--sans);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 15px;display:inline-flex}.api-config-actions button svg{width:16px;height:16px}.api-clear-button{color:#6d766f;background:0 0;border:1px solid #284d4633}.api-clear-button:hover:not(:disabled){color:#8b3f32;border-color:#8b3f3257}.api-clear-button:disabled{opacity:.4;cursor:not-allowed}.api-save-button{color:#fff8ea;background:var(--green);border:1px solid var(--green-deep)}.api-save-button:hover{background:var(--green-deep)}.intro-banner{color:#f7f4ea;background:var(--green-deep);border:1px solid #284d4680;border-radius:4px;width:min(1400px,100% - 56px);height:clamp(300px,28vw,390px);margin:26px auto 0;position:relative;overflow:hidden;box-shadow:0 18px 46px #172e2a29}.intro-art{object-fit:cover;object-position:center 43%;filter:saturate(.9)contrast(.96);width:58%;height:100%;position:absolute;top:0;right:0}.intro-shade{background:linear-gradient(90deg, var(--green-deep) 0%, var(--green-deep) 37%, #1e3a35e6 53%, #1e3a3533 82%), linear-gradient(0deg, #0c1e1b6b, transparent 56%);position:absolute;inset:0}.intro-content{z-index:1;flex-direction:column;justify-content:center;width:min(620px,52%);height:100%;padding:52px 58px;display:flex;position:relative}.intro-content p,.intro-content h1,.intro-content span{margin:0}.intro-content p{color:#d8bd76;font:600 12px/1 var(--sans);letter-spacing:.12em}.intro-content h1{max-width:560px;font:700 clamp(34px, 4vw, 54px)/1.08 var(--serif);letter-spacing:0;margin-top:18px}.intro-content>span{color:#eef1e8c7;max-width:520px;margin-top:18px;font-size:15px;line-height:1.8}.intro-content a{color:#fffaf0;background:var(--red);border:1px solid #b59146;border-radius:3px;align-items:center;gap:10px;width:fit-content;height:42px;margin-top:24px;padding:0 15px 0 17px;font-size:13px;font-weight:600;display:inline-flex}.intro-content a:hover{background:#816224}.intro-content a svg{width:17px}.intro-credit{z-index:1;color:#ffffffa3;font-size:9px;position:absolute;bottom:12px;right:15px}.translator-section{background:var(--paper-light);border-top:0;padding-top:42px;padding-bottom:100px}.translator-section:before{opacity:.05}.section-heading{gap:16px;margin-bottom:24px}.section-number{background:#9a74370f;width:42px;height:42px;font-size:14px}.section-heading>div{padding-left:16px}.section-heading h2{letter-spacing:0;margin-top:5px;font-size:clamp(25px,2.4vw,34px)}.section-heading p{color:var(--green);letter-spacing:.12em}.translator-shell{border:1px solid #284d4633;border-radius:6px;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);overflow:hidden;box-shadow:0 18px 54px #172e2a1f}.translator-panel{min-height:690px}.input-panel{background:#fcfdf9;border:0;border-right:1px solid #284d462e;padding:34px 38px}.panel-heading h3{letter-spacing:0;font-size:23px}.panel-label,.direction-switch,.mode-grid button,.level-switch,.example-row button,.translate-button{border-radius:4px}.input-panel textarea{height:176px;font-family:var(--sans);background:#f5f7f2;border-color:#284d4647;border-radius:4px;font-size:15px;line-height:1.75}.input-panel textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #284d461a}.split-hint{color:#66766e;margin:9px 0 0;font-size:11px;line-height:1.55}.direction-switch,.level-switch{background:#edf1ec}.direction-switch button.active,.level-switch button.active{background:var(--green);box-shadow:none}.mode-grid button.active{border-color:var(--green);box-shadow:inset 3px 0 0 var(--green);background:#284d4612}.mode-mark{color:var(--green);border-color:#284d4666;border-radius:4px}.translate-button{background:var(--red);box-shadow:none;letter-spacing:.08em}.result-panel{color:#edf2eb;background:var(--green-dark);border:0;padding:34px 36px 30px}@media (max-width:1050px){.intro-banner{width:min(100% - 40px,900px)}.translator-shell{grid-template-columns:1fr}.input-panel{border-bottom:1px solid #284d462e;border-right:0}}@media (max-width:680px){.site-header{width:calc(100% - 28px);height:68px}.brand{gap:9px}.brand strong{font-size:18px}.brand small{letter-spacing:.22em;font-size:8px}.header-note{display:none}.api-config-trigger{width:40px;min-width:40px;height:40px;padding:0}.api-config-trigger span,.api-config-trigger i{display:none}.api-config-backdrop{padding:14px}.api-config-dialog{max-height:calc(100svh - 28px);padding:23px 20px 20px}.api-config-heading h2{font-size:24px}.api-config-links{flex-direction:column;align-items:flex-start;gap:10px}.api-config-links>span{text-align:left}.api-config-actions{grid-template-columns:1fr 1fr;display:grid}.api-config-actions button{width:100%;padding-inline:10px}.intro-banner{width:calc(100% - 28px);height:370px;margin-top:14px}.intro-art{opacity:.62;object-position:center 35%;width:100%}.intro-shade{background:linear-gradient(#172e2a47 0%,#172e2acc 42%,#172e2afa 100%)}.intro-content{justify-content:flex-end;width:100%;padding:120px 24px 34px}.intro-content h1{overflow-wrap:anywhere;word-break:break-word;max-width:310px;font-size:32px;line-height:1.14}.intro-content>span{overflow-wrap:anywhere;max-width:300px;font-size:13px;line-height:1.65}.intro-credit{display:none}.translator-section{padding:32px 14px 76px}.section-heading{margin:0 6px 20px}.section-number{width:36px;height:36px}.section-heading h2{font-size:25px}.input-panel,.result-panel{padding:27px 22px}.input-panel textarea{height:190px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.entry-hero{min-height:clamp(650px,100svh - 76px,760px);color:var(--ink);background:#f1ecdf;border-bottom:1px solid #67513229;padding-top:112px;padding-bottom:132px}.entry-hero:before{border-color:#6751322b;box-shadow:0 0 0 74px #67513208,0 0 0 148px #67513205}.entry-hero h1,.entry-hero .hero-kicker,.entry-hero .hero-copy,.entry-hero .hero-cta,.entry-hero .hero-side-note{letter-spacing:0}.entry-hero h1{color:var(--green-deep);font-size:clamp(58px,7vw,106px)}.entry-hero h1 em{color:#9a7437}.entry-hero h1 em:after{background-image:url("data:image/svg+xml,%3Csvg width='400' height='10' viewBox='0 0 400 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 7C100 1 300 11 398 3' stroke='%239A7437' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.entry-hero .hero-copy{color:#5d695f;line-height:1.9}.entry-hero .hero-kicker{color:#d6b470}.entry-hero .hero-kicker span{background:#d6b470}.entry-hero .hero-cta{color:#fff8ea;background:var(--green);border-color:var(--green-deep);min-width:190px;box-shadow:inset 0 0 0 4px var(--green), inset 0 0 0 5px #fff8ea47;padding-inline:25px}.entry-hero .hero-cta:hover{background:var(--green-deep);box-shadow:0 12px 28px #172e2a33}.entry-hero .hero-orbit{color:#d6b470;border-color:#d6b47052}.entry-hero .hero-orbit:before,.entry-hero .hero-orbit:after{background:#f1ecdf;border-color:#d6b4703d}.entry-hero .hero-orbit span{color:#d6b470;background:#f1ecdf;border-color:#d6b4704d}.entry-hero .hero-side-note{color:#284d4657}.teaching-section{background:#f1ecdf;padding-top:38px;padding-bottom:86px}.teaching-section .assembly-frame{border-color:#67513238;height:clamp(460px,43vw,640px)}.teaching-section .assembly-image{object-position:center 48%;filter:saturate(.82)contrast(.97)sepia(.08)}.teaching-section .assembly-wash{background:linear-gradient(270deg,#f2ead8d1 0%,#f2ead86b 29%,#0000 53%),linear-gradient(#f5eedf14,#0000 58%,#2a241d2e)}.teaching-section .assembly-inscription{width:min(410px,35%);top:10%;left:auto;right:6%}.teaching-section .assembly-inscription h2{color:var(--green-deep)}.teaching-section .assembly-footnote{color:#284d4694}@media (max-width:680px){.entry-hero{width:calc(100% - 28px);min-height:max(560px,100svh - 104px);padding:76px 8px 82px}.entry-hero:before{width:520px;height:520px;top:42px}.entry-hero h1{text-align:center;width:100%;margin-top:27px;font-size:clamp(38px,10.4vw,42px);line-height:1.13}.entry-hero h1 em{white-space:normal}.entry-hero .hero-copy{font-size:13px;line-height:1.85}.entry-hero .hero-cta{min-height:52px}.teaching-section{padding:18px 14px 58px}.teaching-section .assembly-frame{height:500px}.teaching-section .assembly-image{object-position:42% center}.teaching-section .assembly-wash{background:linear-gradient(#f7f0e10a,#0000 44%,#1f241f47),linear-gradient(90deg,#f7f0e11f,#0000 52%)}.teaching-section .assembly-inscription{width:auto;inset:auto 25px 24px}}.skill-section,.principles-section,.about-section,.attribution-footer~footer{display:none}
