*{box-sizing:border-box}html,body{margin:0;background:#f2ece4;color:#442f29;font-family:Arial,"Microsoft YaHei",sans-serif}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 1100px)/2));position:sticky;top:0;z-index:20;background:#fffaf4;border-bottom:1px solid #e8ddd1;color:#b42c38}.topbar button{border:0;background:none;font-weight:700;color:#775b50;cursor:pointer}.screen{display:none}.screen.active{display:block}.home{padding:45px 20px 70px}.hero{text-align:center}.hero small{font-weight:900;letter-spacing:.2em;color:#d74049}.hero h1{font-size:clamp(36px,6vw,64px);margin:12px 0;color:#b92636}.hero p{color:#7e6960}.units{max-width:900px;margin:38px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.units button{min-height:175px;border:0;border-radius:26px;padding:22px;text-align:left;position:relative;cursor:pointer;background:linear-gradient(145deg,#fffdf7,#ffe4dc);box-shadow:0 10px 25px #67442b1c;transition:.2s}.units button:nth-child(3n+2){background:linear-gradient(145deg,#fffdf7,#e6f3df)}.units button:nth-child(3n){background:linear-gradient(145deg,#fffdf7,#eee3fa)}.units button:hover{transform:translateY(-4px)}.units b{display:block;color:#cf3541;letter-spacing:.1em}.units i{position:absolute;right:22px;top:18px;font-size:42px;font-style:normal}.units strong{display:block;font-size:26px;margin:32px 0 20px}.units span{font-weight:800;color:#ae3942}.unit-page{padding-bottom:50px}.unit-page nav{height:52px;width:min(100%,900px);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.unit-page nav button{border:0;background:none;font-weight:800;color:#74564c;cursor:pointer}.image-card{position:relative;width:min(100%,768px);aspect-ratio:3/4;margin:auto;background:#fff;overflow:hidden;box-shadow:0 12px 35px #4f2d1d25}.image-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.hotspot{position:absolute;border:0;background:transparent;border-radius:9px;cursor:pointer;padding:0}.hotspot:hover,.hotspot:focus-visible,.hotspot.speaking{outline:3px solid rgba(255,55,72,.85);background:#fff2}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,80px);opacity:0;background:#b92332;color:#fff;border:2px solid #fff;border-radius:99px;padding:10px 18px;font-weight:800;transition:.2s;z-index:30;box-shadow:0 4px 14px #0004;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}body[data-route=home] .topbar button{visibility:hidden}@media(max-width:600px){.topbar{height:52px;font-size:13px}.topbar span{display:none}.home{padding:25px 12px 50px}.units{grid-template-columns:1fr;gap:12px}.units button{min-height:140px}.units strong{font-size:22px;margin:25px 0 14px}.unit-page nav{height:46px;font-size:13px}.image-card{width:100vw;box-shadow:none}.hotspot:hover{outline:none;background:transparent}.toast{font-size:14px}}@media print{@page{size:210mm 297mm;margin:5mm}.topbar,.unit-page nav,.toast{display:none!important}.screen{display:none!important}.screen.active{display:block!important}.unit-page{padding:0}.image-card{width:210mm;height:280mm;box-shadow:none}}