:root{--ink:#111916;--panel:#18261e;--lime:#d8ff6a;--paper:#f3f5ef;--line:#d4ddd1;--muted:#68756d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:16px/1.5 Inter,"PingFang SC","Microsoft YaHei",sans-serif}.hub-header{height:76px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;gap:clamp(22px,4vw,64px);border-bottom:1px solid #28372e;background:#111916;color:#f8faf4;position:sticky;top:0;z-index:10}.hub-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.hub-brand strong{display:block;color:var(--lime);font-size:9px;letter-spacing:2px;line-height:1;margin-top:4px}.brand-mark{width:36px;height:36px;border:1px solid #536557;border-radius:10px;display:grid;place-items:center;position:relative}.brand-mark i{width:14px;height:10px;border:3px solid var(--lime);border-radius:2px;display:block}.brand-mark i::after{content:"";display:block;margin:1px 0 0 5px;border-left:5px solid var(--lime);border-top:3px solid transparent;border-bottom:3px solid transparent}.brand-mark b{position:absolute;width:15px;height:5px;border-radius:10px;background:#f8faf4;transform:rotate(-30deg);bottom:6px;right:5px}.workspace-tabs{display:flex;gap:5px;align-self:stretch}.workspace-tab{border:0;border-bottom:3px solid transparent;background:transparent;color:#b9c6ba;padding:0 19px;cursor:pointer;font:700 14px/1 inherit}.workspace-tab:hover{color:#fff}.workspace-tab.active{color:#fff;border-bottom-color:var(--lime)}.open-module{margin-left:auto;border:1px solid #5a6c5d;border-radius:7px;padding:8px 12px;color:#f8faf4;text-decoration:none;font-size:13px;font-weight:700}.open-module:hover{border-color:var(--lime);color:var(--lime)}.workspace{width:min(1600px,100%);margin:auto;padding:clamp(18px,3vw,38px)}.module-bar{display:flex;align-items:end;justify-content:space-between;gap:30px;background:linear-gradient(130deg,#e9f3d8,#f7f8f4 58%,#e5eee5);border:1px solid var(--line);border-radius:15px 15px 0 0;padding:28px clamp(22px,4vw,48px)}.module-bar p{margin:0}.module-bar>div>p:first-child{color:#567326;font-size:11px;font-weight:800;letter-spacing:2px}.module-bar h1{margin:5px 0 8px;font-size:clamp(27px,3vw,42px);letter-spacing:-1.8px;line-height:1.2}.module-description{max-width:760px;color:#566259}.module-points{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;list-style:none}.module-points li{padding:7px 10px;border-radius:99px;background:#fff;border:1px solid #d0dbca;color:#3c4b40;font-size:12px;font-weight:700;white-space:nowrap}.module-stage{height:calc(100vh - 76px - 38px - 164px);min-height:610px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 15px 15px;overflow:hidden;box-shadow:0 20px 40px #1b30210d}.module-stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}@media(max-width:720px){.hub-header{height:auto;min-height:64px;gap:14px;flex-wrap:wrap;padding:11px 16px}.hub-brand{font-size:18px}.workspace-tabs{order:3;width:100%;height:38px}.workspace-tab{flex:1;padding:0 8px}.open-module{font-size:12px}.workspace{padding:14px}.module-bar{padding:22px;border-radius:12px 12px 0 0}.module-points{display:none}.module-stage{height:calc(100vh - 64px - 170px);min-height:590px;border-radius:0 0 12px 12px}}