*{box-sizing:border-box}html,body{margin:0;background:#0c0c0c}body{min-height:100vh;font-family:Microsoft YaHei,PingFang SC,sans-serif;background:radial-gradient(90% 50% at 50% 0%,#2a2a2a,#0c0c0c 58%)}.app{--brand: #ff1a1a;--brand-2: #ff3b3b;--brand-deep: #e00000;--brand-dark: #9d0000;--brand-darker: #6a0000;--on-brand: #fff;--ink: #e10600;--glow: rgba(255, 30, 30, .85);--stage: rgba(255, 40, 40, .16);--kick: #d10000;--kick-2: #ff4a4a;--pier-kick: #8d0000;--pier-kick-2: #5c0000}.app[data-color=orange]{--brand: #ff6a00;--brand-2: #ff8f1f;--brand-deep: #e24d00;--brand-dark: #b83a00;--brand-darker: #7a2600;--on-brand: #fff;--ink: #ff6a00;--glow: rgba(255,106,0,.85);--stage: rgba(255,106,0,.18);--kick: #e24d00;--kick-2: #ff8f1f;--pier-kick: #9a3200;--pier-kick-2: #6a2200}.app[data-color=pink]{--brand: #ff2f86;--brand-2: #ff62a8;--brand-deep: #e00068;--brand-dark: #a8004e;--brand-darker: #720036;--on-brand: #fff;--ink: #ff2f86;--glow: rgba(255,47,134,.85);--stage: rgba(255,47,134,.18);--kick: #e00068;--kick-2: #ff62a8;--pier-kick: #9a0048;--pier-kick-2: #640030}.app[data-color=yellow]{--brand: #ffe100;--brand-2: #fff0a0;--brand-deep: #f5c400;--brand-dark: #e0a800;--brand-darker: #b88600;--on-brand: #d40000;--ink: #e6a000;--glow: rgba(255,210,0,.8);--stage: rgba(255,210,0,.22);--kick: #f0b400;--kick-2: #ffe14a;--pier-kick: #c48a00;--pier-kick-2: #8a6000}.app[data-color=magenta]{--brand: #e100ff;--brand-2: #f15cff;--brand-deep: #b000d4;--brand-dark: #8600a3;--brand-darker: #5c0070;--on-brand: #fff;--ink: #d400f0;--glow: rgba(225,0,255,.8);--stage: rgba(225,0,255,.18);--kick: #b000d4;--kick-2: #f15cff;--pier-kick: #7a0096;--pier-kick-2: #520068}.app[data-color=green]{--brand: #00c853;--brand-2: #3dff8a;--brand-deep: #00a844;--brand-dark: #007a32;--brand-darker: #005222;--on-brand: #fff;--ink: #009e40;--glow: rgba(0,200,83,.85);--stage: rgba(0,200,83,.18);--kick: #00a844;--kick-2: #3dff8a;--pier-kick: #006628;--pier-kick-2: #00441a}.app[data-color=blue]{--brand: #245bff;--brand-2: #6d8dff;--brand-deep: #143fdb;--brand-dark: #0d2e9e;--brand-darker: #081f6b;--on-brand: #fff;--ink: #245bff;--glow: rgba(36,91,255,.85);--stage: rgba(36,91,255,.18);--kick: #143fdb;--kick-2: #6d8dff;--pier-kick: #0c2a8a;--pier-kick-2: #071c5c}.app[data-color=cyan]{--brand: #00b4d8;--brand-2: #48d8f0;--brand-deep: #0096b8;--brand-dark: #006e88;--brand-darker: #00485a;--on-brand: #fff;--ink: #0096b8;--glow: rgba(0,180,216,.85);--stage: rgba(0,180,216,.18);--kick: #0096b8;--kick-2: #48d8f0;--pier-kick: #006070;--pier-kick-2: #003e4a}.app[data-color=purple]{--brand: #7a2cff;--brand-2: #a56bff;--brand-deep: #5d12e0;--brand-dark: #430e9e;--brand-darker: #2c086b;--on-brand: #fff;--ink: #7a2cff;--glow: rgba(122,44,255,.85);--stage: rgba(122,44,255,.18);--kick: #5d12e0;--kick-2: #a56bff;--pier-kick: #3a0c8a;--pier-kick-2: #25065c}.app[data-color=gold]{--brand: #f0b429;--brand-2: #ffd36a;--brand-deep: #e0a000;--brand-dark: #b8860b;--brand-darker: #8a6500;--on-brand: #d40000;--ink: #c48a00;--glow: rgba(240,180,41,.8);--stage: rgba(240,180,41,.2);--kick: #e0a000;--kick-2: #ffd36a;--pier-kick: #a67c00;--pier-kick-2: #6e5200}.viewport{width:min(1345px,calc(100vw - 28px));margin:22px auto 0}.sheet{width:1345px;transform-origin:top left}.stage{width:1345px;padding:36px 0 0;background:radial-gradient(70% 40% at 50% 18%,var(--stage),transparent 70%)}.facade{width:1345px;position:relative}.sign{width:1345px;height:200px;margin-left:0;position:relative;z-index:3;display:flex;align-items:center;padding:0 52px 0 46px;gap:28px;background:radial-gradient(80% 90% at 50% 0%,rgba(255,255,255,.34),transparent 42%),linear-gradient(180deg,var(--brand-2) 0%,var(--brand) 38%,var(--brand-deep) 78%,var(--brand-dark) 100%);box-shadow:0 0 0 2px #ffffffeb,0 0 22px 4px var(--glow),0 14px 22px #00000061,inset 0 -22px 28px #5a000059}.sign:after{content:"";position:absolute;left:8px;right:8px;bottom:-8px;height:8px;background:linear-gradient(var(--brand-dark),var(--brand-darker))}.logo{width:140px;height:140px;object-fit:cover;border-radius:16px;flex:none;box-shadow:0 8px 18px #00000047}.title{flex:1;text-align:center;color:var(--on-brand);font-size:88px;font-weight:800;letter-spacing:2px;line-height:1;white-space:nowrap;text-shadow:0 1px 0 #fff,0 4px 0 rgba(180,0,0,.35),0 10px 16px rgba(80,0,0,.28)}.slogan{flex:none;width:292px;padding-left:26px;border-left:2px solid var(--on-brand);color:var(--on-brand)}.slogan b,.slogan span{display:block;font-weight:800;line-height:1.15;text-shadow:0 2px 0 rgba(160,0,0,.28)}.slogan b{font-size:40px;letter-spacing:3px}.slogan span{margin-top:10px;font-size:28px;letter-spacing:1px}.body{height:300px;display:flex;position:relative;background:linear-gradient(180deg,#fbfbfb,#f3f3f3 40%,#ececec);box-shadow:0 18px 30px #00000059}.pier{height:300px;position:relative;flex:none}.pier.left{width:120px}.pier.mid{width:140px}.pier.right{width:100px}.pier-copy{display:none;position:absolute;z-index:3;top:16px;right:6px;bottom:24px;left:6px;align-items:center;justify-content:center;font-size:26px;font-weight:800;letter-spacing:4px;line-height:1;color:var(--ink);gap:6px}.pier-copy em{font-style:normal;writing-mode:vertical-rl;text-orientation:upright}.pier-copy em:empty{display:none}.pier-copy.two{font-size:20px;letter-spacing:2px}.slogan b:empty,.slogan span:empty{display:none}.slogan.is-empty{visibility:hidden}.app[data-theme^=v2] .pier-copy{display:flex}.app[data-theme^=v2] .pier.mid .led{left:8px;transform:none}.app[data-theme=v2-red] .pier{background:linear-gradient(180deg,var(--brand-2),var(--brand-deep))}.app[data-theme=v2-red] .pier-copy{color:var(--on-brand);text-shadow:0 1px 0 rgba(0,0,0,.18)}.app[data-theme=v2-red] .pier .kick{background:linear-gradient(var(--pier-kick),var(--pier-kick-2))}.app[data-theme=v2-red] .led{background:var(--on-brand);box-shadow:0 0 10px 2px var(--on-brand)}.app[data-theme=v2-white] .pier-copy{color:var(--ink)}.app[data-theme=v2-split] .pier.left,.app[data-theme=v2-split] .pier.right{background:linear-gradient(180deg,var(--brand-2),var(--brand-deep))}.app[data-theme=v2-split] .pier.left .pier-copy,.app[data-theme=v2-split] .pier.right .pier-copy{color:var(--on-brand)}.app[data-theme=v2-split] .pier.mid .pier-copy{color:var(--ink)}.app[data-theme=v2-split] .pier.left .kick,.app[data-theme=v2-split] .pier.right .kick{background:linear-gradient(var(--pier-kick),var(--pier-kick-2))}.pier:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.05),transparent 18%,transparent 82%,rgba(0,0,0,.05))}.led{position:absolute;left:50%;top:16px;bottom:16px;width:8px;transform:translate(-50%);border-radius:4px;background:linear-gradient(#fff,var(--brand) 40%,var(--brand-deep));box-shadow:0 0 10px 2px var(--glow),0 0 22px var(--glow);z-index:2}.kick{position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(var(--kick-2),var(--kick));z-index:2}.bay{display:flex;height:300px;flex:none}.col{height:300px;display:flex;flex-direction:column;flex:none}.w490{width:490px}.head,.sill{height:40px;position:relative}.glass{height:260px;margin:0 6px;border:8px solid var(--brand);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%),linear-gradient(180deg,#3a342c,#1a1613);box-shadow:inset 0 0 0 1px #ffffff8c,inset 8px 0 16px #ffffff14,inset 0 0 40px #00000059;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 8px 6px;gap:6px}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:linear-gradient(112deg,#ffffff9e,#ffffff29 12%,#fff0 28%),linear-gradient(112deg,transparent 58%,rgba(255,255,255,.14) 70%,rgba(255,255,255,0) 82%),linear-gradient(180deg,rgba(190,220,255,.18),transparent 22%,transparent 70%,rgba(0,0,0,.22))}.glass:after{content:"";position:absolute;left:8%;top:-20%;width:18%;height:150%;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(18deg)}.shelf{height:34px;display:flex;align-items:flex-end;gap:4px;padding:0 3px 2px;background:linear-gradient(#5a4b3c,#3a2e24);position:relative;z-index:1;filter:saturate(.75)}.shelf i{flex:1;display:block;border-radius:1px 1px 0 0;background:#c9a15a;height:58%;opacity:.9}.shelf i:nth-child(2n){height:44%;background:#d5ddd8}.shelf i:nth-child(3n){height:70%;background:#c48474}.shelf i:nth-child(5n){height:36%;background:#efe8df}.slim .glass{margin:0 4px;border-width:6px;padding:0}.slim .shelf{display:none}.bay.entry{width:495px}.unit{width:495px;height:300px;display:flex;flex-direction:column}.unit-body{height:260px;margin:0 6px;box-sizing:border-box;display:flex;align-items:stretch;border-top:8px solid var(--brand);border-left:8px solid var(--brand);border-right:8px solid var(--brand);background:var(--brand);gap:4px;padding:4px 4px 0}.unit-sills{height:40px;margin:0 14px;display:flex;gap:4px}.unit .pane{display:flex;flex-direction:column;min-width:0;min-height:0;border-bottom:8px solid var(--brand)}.unit .pane.main{flex:255 1 0}.unit .pane.side{flex:60 1 0}.unit-sills .sill.main{flex:255 1 0}.unit-sills .door-slot{flex:180 1 0}.unit-sills .sill.side{flex:60 1 0}.unit .glass,.unit .door{margin:0;border:0;box-shadow:none;min-height:0}.unit .glass{flex:1;height:auto}.unit .door{flex:180 1 0;height:calc(100% + 40px);margin-bottom:-40px;z-index:2;border-bottom:8px solid var(--brand)}.unit .sill{height:40px;position:relative;background:#f6f6f6}.door{height:260px;margin:0 5px;border:8px solid var(--brand);background:#1a1714;display:flex;flex-direction:column;box-shadow:inset 0 0 24px #0006;position:relative;overflow:hidden}.transom{height:34px;flex:none;background:linear-gradient(var(--brand-2),var(--brand-deep));color:var(--on-brand);font-size:15px;letter-spacing:3px;display:flex;align-items:center;justify-content:center;text-shadow:0 0 8px rgba(255,255,255,.45)}.leaves{flex:1;display:flex;position:relative}.leaf{flex:1;position:relative;background:linear-gradient(115deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.05) 22%,transparent 40%),linear-gradient(180deg,rgba(190,220,255,.12),transparent 30%),linear-gradient(180deg,#3a332c,#1a1714);border-right:3px solid var(--brand);box-shadow:inset 0 0 0 1px #fff3}.leaf:last-child{border-right:0}.leaf:after{content:"";position:absolute;left:18%;top:-10%;width:22%;height:130%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(16deg);pointer-events:none}.leaf .handle{position:absolute;top:42%;width:4px;height:46px;border-radius:2px;background:linear-gradient(#fff,#c8c8c8);box-shadow:0 0 4px #fff9}.leaf:first-child .handle{right:8px}.leaf:last-child .handle{left:8px}.door:after{content:"";position:absolute;top:34px;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgba(255,255,255,.22),transparent 30%);pointer-events:none}.lamps{position:absolute;z-index:4;left:36px;right:36px;top:6px;display:flex;justify-content:space-between;pointer-events:none}.lamps i{width:16px;height:7px;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 0 8px #fff,0 16px 18px 6px #ffffff47;position:relative}.lamps i:after{content:"";position:absolute;left:50%;top:6px;width:46px;height:28px;transform:translate(-50%);background:linear-gradient(rgba(255,255,255,.42),transparent);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}.ground{height:72px;background:linear-gradient(#1a1a1a,#070707);position:relative;overflow:hidden}.ground:before{content:"";position:absolute;left:0;top:0;width:1345px;height:36px;background:linear-gradient(var(--glow),transparent);filter:blur(6px)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;flex-direction:column;gap:10px;align-items:stretch;max-height:52vh;overflow:auto;padding:12px 16px 14px;background:#0c0c0cf0;border-top:1px solid #333}.dock .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dock b{color:#fff;font-size:13px;font-weight:600;margin-right:4px;flex:none}.dock button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #4a4a4a;background:#242424;color:#eee;border-radius:6px;padding:8px 12px;font:13px Microsoft YaHei,sans-serif;cursor:pointer}.dock button i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:-1px;box-shadow:inset 0 0 0 1px #ffffff59}.dock button.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.picker{display:inline-flex;align-items:center;gap:8px;border:1px solid #4a4a4a;background:#242424;color:#eee;border-radius:6px;padding:4px 10px 4px 4px;cursor:pointer;font-size:13px}.picker input[type=color]{width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.picker em{font-style:normal;color:#9a9a9a;font-size:12px;letter-spacing:.4px}.picker.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.picker.on em{color:var(--on-brand)}.copy-board{display:flex;flex-direction:column;gap:8px}.copy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.copy-grid section{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px 12px 12px;background:#161616;border:1px solid #3a3a3a;border-radius:8px}.copy-grid h3{margin:0;color:#fff;font-size:14px;font-weight:700}.copy-grid p{margin:-4px 0 0;color:#8d8d8d;font-size:12px;line-height:1.4}.copy-grid label{display:flex;flex-direction:column;gap:4px;color:#c8c8c8;font-size:12px}.copy-grid input{width:100%;background:#101010;color:#fff;border:1px solid #555;border-radius:6px;padding:8px 10px;font:14px Microsoft YaHei,sans-serif}.copy-grid input:focus{outline:none;border-color:var(--brand)}.copy-grid input::placeholder{color:#666}@media(max-width:980px){.copy-grid{grid-template-columns:1fr 1fr}}.caption{width:1345px;margin:0;padding:12px 0 20px;color:#8a8a8a;font-size:12px;letter-spacing:.4px}