:root{--bg-page: #F6F5F0;--bg-card: #FFFFFF;--ink: #1A1A1A;--ink-light: #4A4A4A;--blob-color: #E6E3DB;--font-serif: "EB Garamond", serif;--font-serif-zh: "Noto Serif SC", "EB Garamond", serif;--font-serif-ja: "Shippori Mincho", "EB Garamond", serif;--font-sans: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--comp-face: #ECEAE4;--comp-side: #DCD9D3;--comp-shadow: #C5C2BC;--screen-bg: #111111;--kb-thickness: 16px;--kb-angle: 66deg}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-page);color:var(--ink);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}#root{width:100%;display:flex;flex-direction:column;align-items:center}.page-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:4rem}.header-tagline{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-light)}.lang-switcher{display:flex;gap:.25rem}.lang-btn{background:none;border:1px solid transparent;font-family:var(--font-sans);font-size:.8rem;color:var(--ink-light);cursor:pointer;padding:.2rem .5rem;transition:all .2s;border-radius:2px}.lang-btn:hover{color:var(--ink)}.lang-btn.active{color:var(--ink);border-color:var(--ink)}.editorial-card{width:100%;max-width:1200px;background:var(--bg-card);border:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.info-panel{padding:4rem;display:flex;flex-direction:column;border-right:1px solid var(--ink)}h1{font-family:var(--font-serif);font-size:clamp(3rem,5vw,5.5rem);font-weight:400;font-style:italic;line-height:.95;letter-spacing:-.03em;margin-bottom:3rem;max-width:90%}h1 em{font-style:italic}h1.cjk-title{font-style:normal;font-weight:500;letter-spacing:0;line-height:1.2;font-size:clamp(2rem,3.8vw,3.5rem);white-space:pre-line}html[lang=zh] h1.cjk-title{font-family:var(--font-serif-zh)}html[lang=ja] h1.cjk-title{font-family:var(--font-serif-ja)}.cmd-list{font-family:var(--font-mono);font-size:.8rem}.divider{height:1px;width:100%;background-color:var(--ink);margin:2rem 0}.specs-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;font-size:.85rem;line-height:1.6}.spec-group h3{font-weight:600;margin-bottom:1rem;font-size:.85rem}.spec-list{list-style:none;color:var(--ink-light)}.spec-list li{margin-bottom:.25rem}.action-area{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start;font-size:.85rem}.action-label{font-weight:600;padding-top:.35rem}.action-col{display:flex;flex-direction:column;gap:.5rem}.cmd-row{display:flex;align-items:center;gap:.5rem}.install-cmd{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-page);padding:.35rem .7rem;border:1px solid var(--ink);-webkit-user-select:all;user-select:all;cursor:text;flex:1;min-width:0}.copy-btn{background:none;border:1px solid var(--ink);padding:.3rem;cursor:pointer;color:var(--ink-light);display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.copy-btn:hover{color:var(--ink)}.action-links{display:flex;gap:1.5rem;align-items:center;margin-top:.25rem}.btn-editorial{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--ink);padding-bottom:2px;transition:opacity .2s;cursor:pointer}.btn-editorial:hover{opacity:.6}.visual-panel{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-page);overflow:hidden;padding:4rem}.organic-blob{position:absolute;width:120%;height:120%;background-color:var(--blob-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.1,-46.1C90.4,-33.1,96.1,-16.6,96.6,-0.1C97.1,16.4,92.5,32.8,82.8,45.8C73.1,58.8,58.4,68.4,42.7,75.4C27,82.4,10.3,86.8,-5.5,88.4C-21.3,90,-36.2,88.8,-49.6,81.8C-63,74.8,-74.9,62.1,-82.1,47.4C-89.3,32.7,-91.8,16.3,-90.1,0.9C-88.4,-14.4,-82.5,-28.9,-73.6,-40.8C-64.7,-52.7,-52.9,-62,-40.1,-69.4C-27.3,-76.8,-13.6,-82.3,1.3,-84.6C16.2,-86.9,30.5,-83.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.1,-46.1C90.4,-33.1,96.1,-16.6,96.6,-0.1C97.1,16.4,92.5,32.8,82.8,45.8C73.1,58.8,58.4,68.4,42.7,75.4C27,82.4,10.3,86.8,-5.5,88.4C-21.3,90,-36.2,88.8,-49.6,81.8C-63,74.8,-74.9,62.1,-82.1,47.4C-89.3,32.7,-91.8,16.3,-90.1,0.9C-88.4,-14.4,-82.5,-28.9,-73.6,-40.8C-64.7,-52.7,-52.9,-62,-40.1,-69.4C-27.3,-76.8,-13.6,-82.3,1.3,-84.6C16.2,-86.9,30.5,-83.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;z-index:1;transition:transform 1s ease}.visual-panel:hover .organic-blob{transform:scale(1.05) rotate(5deg)}.scene{position:relative;z-index:2;perspective:2500px;transform-style:preserve-3d;transform:scale(.85) rotateY(-20deg) rotateX(10deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.visual-panel:hover .scene{transform:scale(.9) rotateY(-10deg) rotateX(5deg)}.computer-unit{position:relative;width:320px;height:400px;transform-style:preserve-3d}.face{position:absolute;border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column;align-items:center}.front{width:320px;height:400px;transform:translateZ(120px);background:var(--comp-face);box-shadow:inset -5px -5px 15px #0000000d,inset 2px 2px 10px #fffc;padding-top:35px}.back{width:320px;height:400px;transform:translateZ(-120px) rotateY(180deg);background:var(--comp-shadow)}.left{width:240px;height:400px;transform:rotateY(-90deg) translateZ(120px);background:var(--comp-side);box-shadow:inset 10px 0 30px #00000008}.right{width:240px;height:400px;transform:rotateY(90deg) translateZ(200px);background:var(--comp-shadow)}.top{width:320px;height:240px;transform:rotateX(90deg) translateZ(120px);background:#f4f2ec}.bottom{width:320px;height:240px;transform:rotateX(-90deg) translateZ(280px);background:#b0ada6;box-shadow:0 60px 100px #0003}.screen-inset{width:250px;height:190px;background:#d8d5cf;border-radius:12px;box-shadow:inset 2px 2px 6px #00000026,inset -1px -1px 4px #fff9;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.crt{width:230px;height:170px;background:var(--screen-bg);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}.crt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 3px;z-index:5;pointer-events:none}.crt-ui{position:absolute;top:10px;left:10px;right:10px;bottom:10px;font-family:var(--font-mono);font-size:11px;color:#e0e0e0;display:flex;flex-direction:column;z-index:2}.window{background:#eaeaea;color:#111;flex:1;border-radius:2px;padding:8px;box-shadow:2px 2px #0009;display:flex;flex-direction:column}.window-header{border-bottom:1px dashed #888;padding-bottom:4px;margin-bottom:6px;font-weight:700;display:flex;justify-content:space-between}.typing-container{line-height:1.4;flex:1;font-size:9px;overflow:hidden}.cursor{display:inline-block;width:7px;height:10px;background:#111;animation:blink 1s step-end infinite;vertical-align:middle;margin-bottom:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.floppy-slot{width:100px;height:8px;background:#222;border-radius:4px;box-shadow:inset 1px 1px 3px #0009;margin-left:120px}.vent-grid{position:absolute;bottom:20px;right:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.vent{width:4px;height:25px;background:#a09c94;border-radius:2px;box-shadow:inset 1px 1px 2px #0000004d}.keyboard-assembly{position:absolute;width:320px;height:130px;bottom:-110px;transform-style:preserve-3d;transform-origin:top center;transform:translateZ(140px) rotateX(var(--kb-angle))}.kb-base{position:absolute;width:100%;height:100%;background:var(--comp-face);box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 10px #0000000d;transform:translateZ(calc(var(--kb-thickness) / 2))}.kb-front{position:absolute;bottom:0;left:0;width:100%;height:var(--kb-thickness);background:var(--comp-shadow);transform-origin:bottom center;transform:translateZ(calc(var(--kb-thickness) / 2)) rotateX(90deg)}.kb-shadow{position:absolute;width:100%;height:100%;top:0;left:0;transform:rotateX(calc(-90deg - var(--kb-angle))) translateZ(10px);box-shadow:0 30px 50px #00000026;pointer-events:none}.keys-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;padding:12px;transform:translateZ(6px);transform-style:preserve-3d}.key{height:22px;background:#f8f7f4;border-radius:3px;box-shadow:0 4px #d0cdc7,0 5px 4px #0000001a;transform:translateZ(1px)}.key.wide{grid-column:span 2}.key.space{grid-column:span 6}@keyframes typeKey{0%,to{transform:translateZ(1px) translateY(0);box-shadow:0 4px #d0cdc7,0 5px 4px #0000001a}50%{transform:translateZ(-1px) translateY(3px);box-shadow:0 1px #d0cdc7,0 1px 1px #0000000d}}.key:nth-child(3n+1){animation:typeKey 1.5s infinite .2s}.key:nth-child(7n){animation:typeKey 2.1s infinite .5s}.key:nth-child(2n+4){animation:typeKey 1.8s infinite .9s}.key:nth-child(4n+2){animation:typeKey 1.2s infinite 0s}.page-footer{width:100%;max-width:1200px;display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink-light);margin-top:2rem;padding-top:1rem}@media(max-width:900px){.editorial-card{grid-template-columns:1fr}.visual-panel{order:-1;border-bottom:1px solid var(--ink);min-height:400px;padding:3rem 2rem}.info-panel{padding:3rem 2rem;border-right:none}h1{font-size:3rem}h1.cjk-title{font-size:2.4rem}.action-area{grid-template-columns:1fr;gap:1rem}.specs-layout{grid-template-columns:1fr;gap:.5rem}}@media(max-width:480px){body{padding:1rem}.page-header{margin-bottom:2rem}h1{font-size:2.2rem}.scene{transform:scale(.55) rotateY(-20deg) rotateX(10deg)}.visual-panel:hover .scene{transform:scale(.6) rotateY(-10deg) rotateX(5deg)}}