@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--ftc-yellow:#f0c868;--ftc-cyan:#58c0b8;--ftc-blue:#204c7a;--ftc-ink:#171a24;--ftc-cloud:#eff5f8;--panel-bg:#ffffffe6;--panel-border:#1e406229;--text-main:#1c2a3a;--text-sub:#5f7285;--shadow-soft:0 18px 44px #172b4224}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text-main);background-color:#0000;background-image:linear-gradient(135deg,#f6f9faad,#e7f1f494),url(/pic/bgp.png);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif}.page-shell{max-width:1600px;margin:0 auto;padding:18px 24px 24px;position:relative}.randomizer-entry-btn{z-index:220;color:#163148;background:linear-gradient(120deg,#f0c868f0,#58c0b8e6);border:1px solid #142c4640;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;position:fixed;top:14px;right:24px;box-shadow:0 8px 20px #10273d2e}.randomizer-entry-btn:hover,.randomizer-entry-btn:focus-visible{filter:saturate(1.08);outline:none;transform:translateY(-1px);box-shadow:0 10px 24px #10273d3d}.aura{display:none}.aura-cyan{background:var(--ftc-cyan);width:280px;height:280px;top:240px;left:-60px}.aura-yellow{background:var(--ftc-yellow);width:320px;height:320px;top:420px;right:-80px}.panel{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);border-radius:8px}.hero{box-shadow:none;background:#ffffff47;border:none;border-radius:0;margin-bottom:20px;padding:24px;animation:.7s both fade-up;position:relative}.hero-logo-action-wrap{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.hero-logo-launch-main{cursor:pointer;background:#ffffffc7;border:2px solid #0000;border-radius:8px;padding:4px;transition:transform .18s,border-color .18s,box-shadow .18s}.hero-logo-launch-main:hover,.hero-logo-launch-main:focus-visible{border-color:#141e2cb8;outline:none;transform:scale(1.04);box-shadow:0 12px 24px #09101c33}.hero-main{grid-template-columns:186px 1fr;align-items:center;gap:28px;display:grid}.hero-logo{object-fit:contain;filter:drop-shadow(0 8px 16px #0d1e3426);background:0 0;border:none;border-radius:8px;width:172px;height:172px;padding:0}.hero-logo-hint{color:#2d3f54;-webkit-user-select:none;user-select:none;background:#ffffffbf;border:1px solid #141e2c2e;border-radius:8px;padding:4px 10px;font-size:12px}.image-download-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09101c9e;border:1px solid #101c2ab8;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.image-download-btn:hover,.image-download-btn:focus-visible{background:#09101cd1;border-color:#ffffffc7;outline:none;transform:scale(1.06)}.hero-logo-download{position:absolute;top:8px;right:8px}.hero h1{letter-spacing:0;text-wrap:balance;flex-wrap:wrap;align-items:center;gap:clamp(8px,1.2vw,16px);margin:0;font-size:clamp(36px,5vw,68px);line-height:1.02;display:flex}.hero-title-logo-wrap{align-items:center;display:inline-flex;position:relative}.hero-title-logo{object-fit:contain;width:clamp(96px,9vw,148px);height:auto;display:inline-block;transform:translateY(2px)}.hero-title-logo-download{position:absolute;top:-10px;right:-14px}.hero p{color:var(--text-sub);max-width:1080px;margin:10px 0 0;line-height:1.7}.hero-metrics{grid-template-columns:1.4fr repeat(2,minmax(120px,.6fr));gap:10px;margin-top:18px;display:grid}.hero-metrics span{border:1px solid #1e40621f;border-left:4px solid var(--ftc-cyan);background:#ffffffad;border-radius:8px;min-width:0;padding:10px 12px}.hero-metrics strong,.hero-metrics small{display:block}.hero-metrics strong{color:#14324d;overflow-wrap:anywhere;font-size:15px}.hero-metrics small{color:var(--text-sub);margin-top:4px;font-size:12px}.workspace-grid{grid-template-columns:286px minmax(340px,390px) 1fr;align-items:start;gap:16px;display:grid}.floor-panel,.room-panel,.detail-panel{padding:18px;animation:.7s both fade-up}.floor-panel{box-shadow:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff42;border:none;border-radius:0;animation-delay:50ms}.room-panel{animation-delay:.14s}.detail-panel{animation-delay:.22s}.panel-title-wrap h2{color:#14324d;margin:0;font-size:22px;font-weight:700}.panel-title-wrap p{color:var(--text-sub);margin:6px 0 0;font-size:14px}.floor-tower{gap:10px;margin-top:16px;display:grid}.floor-chip{color:var(--text-main);cursor:pointer;background:#ffffffb8;border:1px solid #182f4a29;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.floor-chip strong{letter-spacing:0;font-family:Barlow Condensed,sans-serif;font-size:24px}.floor-chip span{color:var(--text-sub);font-size:12px}.floor-chip:hover{border-color:#58c0b8b8;transform:translateY(-2px);box-shadow:0 10px 20px #172b4214}.floor-chip.active{box-shadow:inset 4px 0 0 var(--ftc-blue);background:linear-gradient(95deg,#f0c86838,#58c0b82e);border-color:#204c7a6b}.story-box{background:#ffffff9e;border:1px solid #182e4824;border-radius:8px;margin-top:16px;padding:14px}.story-box h3{color:#9b741d;margin:0}.story-box p{color:var(--text-sub);margin:8px 0 0;line-height:1.7}.room-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.room-search{color:var(--text-sub);flex-direction:column;gap:5px;font-size:12px;display:flex}.room-search input{width:190px;color:var(--text-main);background:#ffffffe6;border:1px solid #182f4a2e;border-radius:8px;outline:none;padding:8px 10px}.floor-intro-box{background:linear-gradient(110deg,#f0c8681f,#58c0b81f);border:1px solid #182e4824;border-radius:8px;margin-top:14px;padding:12px}.floor-intro-box h3{color:#1e5b58;margin:0;font-size:15px}.floor-intro-box p{color:#364f67;margin:8px 0 0;font-size:13px;line-height:1.7}.room-search input:focus{border-color:var(--ftc-cyan);box-shadow:0 0 0 3px #58c0b833}.room-list{gap:10px;margin-top:14px;display:grid}.room-item{color:var(--text-main);text-align:left;cursor:pointer;background:#ffffffbd;border:1px solid #182f4a29;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px;transition:border-color .18s,transform .18s,background .18s,box-shadow .18s;display:flex}.room-item h3{margin:0;font-size:17px}.room-item p{color:var(--text-sub);margin:4px 0 0;font-size:13px}.room-price{color:#9a7c31;background:#f0c86829;border:1px solid #f0c86847;border-radius:8px;flex:none;padding:5px 8px;font-size:12px}.room-item:hover{border-color:#f0c868b8;transform:translateY(-2px);box-shadow:0 10px 20px #172b4214}.room-item.selected{background:linear-gradient(140deg,#58c0b833,#f0c86833);border-color:#58c0b8db}.detail-photo-wrap{border:1px solid #182f4a29;border-radius:8px;margin-top:14px;position:relative;overflow:hidden}.detail-photo-download{z-index:4;position:absolute;top:10px;right:10px}.detail-photo{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.photo-mask{background:linear-gradient(#090e181a,#090e18d9);justify-content:space-between;align-items:center;padding:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.photo-mask span{color:#d3f2ee;font-size:14px}.photo-mask strong{color:#ffe1a0;letter-spacing:0;font-family:Barlow Condensed,sans-serif;font-size:24px}.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.parameter-grid article,.spec-blocks article{background:#ffffffc7;border:1px solid #182f4a24;border-radius:8px;padding:12px;box-shadow:0 8px 18px #172b420f}.parameter-grid h3,.spec-blocks h3{color:var(--ftc-cyan);letter-spacing:.02em;margin:0;font-size:13px}.parameter-grid p,.spec-blocks p{color:var(--text-main);white-space:pre-line;margin:8px 0 0;font-size:14px;line-height:1.7}.spec-blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.extra-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.gallery-thumb-wrap{position:relative}.gallery-thumb{cursor:zoom-in;background:#fff;border:1px solid #182f4a24;border-radius:8px;padding:0;overflow:hidden}.gallery-download{z-index:4;position:absolute;top:8px;right:8px}.extra-gallery img{aspect-ratio:4/3;object-fit:cover;border:none;border-radius:0;width:100%;display:block}.lightbox{z-index:80;background:#0a1220c7;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.lightbox-image{border-radius:8px;max-width:min(1200px,92vw);max-height:86vh;box-shadow:0 20px 48px #00000059}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff70;border-radius:8px;padding:8px 14px;position:absolute;top:18px;right:20px}.lightbox-download{z-index:81;position:absolute;top:18px;right:88px}.ppt-overlay{z-index:120;background:#080e18eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ppt-stage{background:#0a101ce6;border:1px solid #ffffff2e;border-radius:8px;width:min(92vw,1360px);height:min(84vh,820px);position:relative;overflow:hidden}.ppt-canvas{opacity:1;max-width:100%;max-height:100%;margin:auto;transition:opacity .42s;display:block}.ppt-status{color:#dce9f3;z-index:1;background:#0a101c8c;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.ppt-controls{z-index:125;gap:10px;display:flex;position:fixed;bottom:24px;left:24px}.ppt-control-btn{color:#fff;cursor:pointer;background:#14203094;border:1px solid #ffffff6b;border-radius:8px;min-width:46px;height:42px;padding:0 14px;font-size:18px}.ppt-control-btn.active{color:#ffe6a8;background:#f0c86838;border-color:#f0c868db}.ppt-indicator{z-index:125;color:#e4ecf5;background:#111a278c;border:1px solid #ffffff42;border-radius:8px;padding:8px 14px;position:fixed;bottom:24px;right:24px}.empty-state{color:var(--text-sub);text-align:center;border:1px dashed #182f4a3d;border-radius:8px;margin-top:14px;padding:28px 14px}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1320px){.workspace-grid{grid-template-columns:1fr 1fr}.detail-panel{grid-column:span 2}}@media (width<=920px){.page-shell{padding:0 14px 14px}.randomizer-entry-btn{padding:7px 11px;font-size:13px;top:10px;right:12px}.hero{padding:16px}.hero-main{grid-template-columns:1fr;gap:12px}.hero-logo{width:118px;height:118px}.hero-title-logo{width:clamp(78px,24vw,116px)}.workspace-grid,.hero-metrics{grid-template-columns:1fr}.detail-panel{grid-column:auto}.room-title-row{flex-direction:column}.room-search input{width:100%}.parameter-grid,.spec-blocks{grid-template-columns:1fr}.extra-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ppt-overlay{padding:10px}.ppt-stage{width:100%;height:min(76vh,560px)}.ppt-controls{gap:8px;bottom:12px;left:12px}.ppt-control-btn{min-width:42px;height:38px}.ppt-indicator{padding:6px 10px;font-size:12px;bottom:12px;right:12px}}