:root{--paper:#eee6d6;--paper-light:#f8f3e9;--paper-deep:#ddd0bb;--ink:#24211d;--ink-soft:#6f665a;--red:#9e3228;--red-deep:#77251f;--red-soft:#c86a59;--red-rgb:158, 50, 40;--red-deep-rgb:119, 37, 31;--seal-cream:#f8e8c8;--bronze:#766a48;--line:#46392938;--dark:#242622;--dark-soft:#30332e;--white:#fffdf8;--shadow:0 28px 90px #33261921;--serif:"Songti SC", "STSong", "SimSun", "Noto Serif CJK SC", serif;--sans:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}[data-persona=daiyu]{--paper:#dfe2dc;--paper-light:#edefe9;--paper-deep:#c4c8c0;--ink:#1c1f1d;--ink-soft:#63696a;--red:#45605a;--red-deep:#32463f;--red-soft:#6d857e;--red-rgb:69, 96, 90;--red-deep-rgb:50, 70, 63;--seal-cream:#ece6da;--bronze:#67705f;--line:#3c484433;--dark:#23272a;--dark-soft:#2c3032;--white:#f6f8f5;--shadow:0 28px 90px #303a3724}*{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{width:46px;height:46px;color:var(--seal-cream);background:var(--red);border:1px solid var(--red-deep);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='%239e3228' 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%}[data-persona=daiyu] .hero h1 em:after{opacity:.34;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='%2345605a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.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);box-shadow:0 12px 28px rgba(var(--red-deep-rgb), .2);transform:translateY(-2px)}.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)}[data-persona=daiyu] .assembly-image{filter:saturate(.5)contrast()sepia(.02)}.assembly-no-image{background:linear-gradient(135deg,#c8b9a51f,#0000 40%,#b4a59114);width:100%;height:100%}[data-persona=daiyu] .input-panel{background:#eef1ec;border-color:#46524e2e}[data-persona=daiyu] .input-panel textarea{background:linear-gradient(#0000 39px,#46524e1a 40px) 0 0/100% 40px,#d2dad433;border-color:#46524e2e}[data-persona=daiyu] .mode-grid button.active{background:#45605a14;border-color:#45605a66}[data-persona=daiyu] .mode-grid button,[data-persona=daiyu] .level-switch button,[data-persona=daiyu] .example-row button{border-color:#46524e29}[data-persona=daiyu] .level-switch button.active{color:var(--red);background:#45605a14;border-color:#45605a66}[data-persona=daiyu] .result-topline{border-color:#46524e2e}[data-persona=daiyu] .result-seal{color:#4d655c;border-color:#45605a7a}[data-persona=daiyu] .translate-button{background:#45605a;border-color:#32463f}[data-persona=daiyu] .translate-button:hover{background:#3a524c}[data-persona=daiyu] .divider:before,[data-persona=daiyu] .divider:after{background:#46524e33}[data-persona=daiyu] .divider{color:#5a6b63}[data-persona=daiyu] .section-heading.light .section-number{color:#6d857e;border-color:#4d655c}[data-persona=daiyu] .section-heading.light p{color:#97a89f}[data-persona=daiyu] .hero{background:linear-gradient(135deg,#dfe2dc 0%,#cdd2c9 100%)}[data-persona=daiyu] .hero:before{border-color:#46524e24;box-shadow:0 0 0 74px #46524e06,0 0 0 148px #46524e05}[data-persona=daiyu] .hero-orbit,[data-persona=daiyu] .hero-orbit:before,[data-persona=daiyu] .hero-orbit:after{border-color:#46524e38}[data-persona=daiyu] .translator-section{background:linear-gradient(#f4f7f2ad, #f4f7f2ad), var(--paper)}[data-persona=daiyu] .hero-scroll-indicator{color:#46524e4d}[data-persona=daiyu] .assembly-frame{background:#dde0d9}[data-persona=daiyu] .about-seal{border-color:var(--red);box-shadow:inset 0 0 0 6px #c4c8c0,inset 0 0 0 7px #45605a99}[data-persona=daiyu] .about-section{background:linear-gradient(-12deg,#cbd0c7 0%,#e0e3dc 100%)}[data-persona=daiyu] .skill-section{background:linear-gradient(115deg,#f6f8f5a8,#0000 48%),#cdd2c9}[data-persona=daiyu] .skill-knot{color:var(--red-deep);background:#d5dad0;border-color:#c2c8bd}[data-persona=daiyu] .loading-dots i{background:#c9cec4}[data-persona=daiyu] .skill-package-card{color:#e7e9e2;background:linear-gradient(145deg,#ffffff0a,#0000 42%),#2f3733;border-color:#232a26;box-shadow:0 25px 60px #232d2838}[data-persona=daiyu] .skill-copy-full{color:var(--red-deep);box-shadow:inset 0 0 0 4px #dfe3dc, inset 0 0 0 5px rgba(var(--red-deep-rgb), .24);background:#dfe3dc;border-color:#eef0ea}[data-persona=daiyu] .skill-copy-full:hover{background:#e8ebe4;box-shadow:0 12px 28px #232d2833}[data-persona=daiyu] .install-guide{background:#eef2edd1;box-shadow:inset 0 0 0 7px #eef2ed75}[data-persona=daiyu] .install-steps code{color:var(--red-deep)}.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{width:44px;height:44px;color:var(--seal-cream);background:var(--red);border:1px solid var(--red-deep);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:rgba(var(--red-rgb), .54);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}.translator-panel{min-height:730px}.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)}.persona-tabs{gap:16px;margin-top:26px;display:flex}.persona-tabs button{cursor:pointer;color:var(--ink-soft);font:400 15px/1 var(--serif);background:0 0;border:1px solid #493b2a29;align-items:center;gap:8px;padding:10px 20px;transition:all .15s;display:flex}.persona-tabs button:hover{color:var(--ink);border-color:#493b2a4d}.persona-tabs button.active{color:var(--red);background:rgba(var(--red-rgb), .06);border-color:var(--red-soft)}.persona-tab-mark{width:24px;height:24px;font:700 14px/1 var(--serif);border:1px solid;justify-content:center;align-items:center;display:inline-flex}.persona-tabs button.active .persona-tab-mark{background:var(--red);color:#f0d8b9;border-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}.input-panel textarea:focus{border-color:rgba(var(--red-rgb), .6);box-shadow:0 0 0 3px rgba(var(--red-rgb), .06)}.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:rgba(var(--red-rgb), .04);border-color:rgba(var(--red-rgb), .34)}.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:rgba(var(--red-rgb), .38)}.mode-grid button.active{background:rgba(var(--red-rgb), .055);border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.mode-mark{width:37px;height:37px;color:var(--red);border:1px solid rgba(var(--red-rgb), .42);font:600 17px/1 var(--serif);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 rgba(var(--red-deep-rgb), .18)}.translate-button:disabled{cursor:not-allowed;opacity:.46}.translate-button svg{justify-self:end;width:19px}.button-decoration{color:var(--seal-cream);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:#da8877;width:48px;height:48px;box-shadow:inset 0 0 0 3px var(--dark), inset 0 0 0 4px #c25b4866;font:600 13px/1.15 var(--serif);letter-spacing:.08em;writing-mode:vertical-rl;border:2px solid #c25b48a8;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:#e1a28e;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:var(--seal-cream);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:#e2a38fb8;border-bottom:1px solid #e2a38f47;text-decoration:none;transition:color .18s,border-color .18s}.result-support a:hover{color:#f1b39d;border-color:#f1b39d9e}.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-cards-panel{flex-direction:column;gap:24px;display:flex}.skill-package-card{color:#f5e9d6;background:linear-gradient(145deg,#ffffff0a,#0000 42%),#792b25;border:1px solid #5f201c;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:#762a24;width:65px;height:65px;box-shadow:inset 0 0 0 5px #ebd8ba, inset 0 0 0 6px rgba(var(--red-deep-rgb), .38);font:700 34px/1 var(--serif);background:#ebd8ba;border:1px solid #f0dfc4;flex:none;place-items:center;display:grid;transform:rotate(-3deg)}.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 #dfaa82;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:#ecc4a1;width:24px;height:24px;font:500 10px/1 var(--serif);border:1px solid #efc4a157;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:#67231f;width:100%;box-shadow:inset 0 0 0 4px #eddcbd, inset 0 0 0 5px rgba(var(--red-deep-rgb), .24);background:#eddcbd;border:1px solid #f5e7cf}.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:rgba(var(--red-deep-rgb), .58)}.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:#f1c8ac;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:rgba(var(--red-rgb), .22);width:1px;position:absolute;top:33px;bottom:0;left:16px}.install-steps li>span{width:33px;height:33px;color:var(--seal-cream);background:var(--red);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:#6d2c25;background:rgba(var(--red-rgb), .06);border:1px solid rgba(var(--red-rgb), .13);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:#d38b75;border-color:#a94e3e}.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:#df9a82;width:72px;height:72px;font:600 31px/1 var(--serif);border:1px solid #da88776b;border-radius:50%;place-items:center;margin:34px 0 29px;display:grid}[data-persona=daiyu] .principle-symbol{color:#4d655c;border-color:#45605a6b}.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);box-shadow:inset 0 0 0 6px #dcd0bc, inset 0 0 0 7px rgba(var(--red-rgb), .65);font:700 29px/1 var(--serif);grid-template-columns:1fr 1fr;place-items:center;display:grid;transform:rotate(-3deg)}.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 rgba(var(--red-rgb), .22);text-decoration:none;transition:color .18s,border-color .18s}.footer-note a:hover{color:var(--red);border-color:rgba(var(--red-rgb), .5)}.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){.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}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
