/** 谋定首页：仿淘宝骨架（直角、橙强调、占位文案）+ 宽屏自适应 */:root {--tb-orange: #ff5000;--tb-orange-dark: #f40;--tb-bg: #fff;--tb-white: #fff;--tb-text: #333;--tb-sub: #666;--tb-muted: #999;--tb-line: #e8e8e8;--tb-cat-w: clamp(176px, 10vw, 280px);--tb-side-w: clamp(180px, 11vw, 280px);/* 顶栏主高 = Tab + 搜索框；热搜在下方，不撑高 logo/二维码 */--tb-search-h: 40px;--tb-search-tabs-h: 22px;--tb-top-h: calc(var(--tb-search-tabs-h) + var(--tb-search-h));--tb-item-min: clamp(112px, 7vw, 148px);--tb-banner-h: clamp(200px, 18vw, 320px);}/* ===== xanglong 首页（简洁入口页，2026-11 重写；原谋定楼层页样式已废弃，保留历史仅作参考） ===== */.home.home--simple {min-height: calc(100vh - 88px);display: flex;align-items: center;justify-content: center;padding: 0 16px;box-sizing: border-box;}.home-hero {text-align: center;padding: 24px;max-width: 720px;}.home-hero-title {margin: 0;font-size: 44px;font-weight: 700;color: var(--tb-orange);letter-spacing: 0.06em;line-height: 1.2;}.home-hero-sub {margin: 18px 0 30px;font-size: 16px;color: var(--tb-sub);}.home-hero-actions {display: flex;gap: 14px;justify-content: center;}.home-hero-btn {display: inline-flex;align-items: center;justify-content: center;height: 44px;padding: 0 30px;font-size: 15px;color: #fff;background: var(--tb-orange);text-decoration: none;box-sizing: border-box;}.home-hero-btn--primary:hover {background: var(--tb-orange-dark);}.home-hero-btn--ghost {color: var(--tb-orange);background: #fff;border: 1px solid var(--tb-orange);}.home-hero-btn--ghost:hover {background: #fff4ec;}.home {min-height: 100%;/* 顶距不加在这里：margin 会与 portal-main 折叠失效；见 portal.css home-shell */margin: 0;padding: 0 5px 24px;background: var(--tb-bg);color: var(--tb-text);font: 12px/1.5 "Microsoft YaHei", Tahoma, sans-serif;}.home * {border-radius: 0 !important;}.home-shell-inner {width: 100%;max-width: none;margin: 0 auto;}/* 顶栏与其它页面一致：去掉为悬浮侧栏预留的左右留白，用默认窄边距 */body.home-shell .portal-top {padding-left: clamp(4px, 1.2vw, 12px);padding-right: clamp(4px, 1.2vw, 12px);}/* 顶：logo + 搜索 + 右天气/二维码 —— 顶对齐导航，避免双层空白 */.home-top {display: flex;align-items: flex-start;gap: 12px;width: 100%;padding: 0;margin: 0;box-sizing: border-box;}.home-top-brand {flex: 1 1 auto;display: flex;align-items: flex-start;gap: 12px;min-width: 0;}.home-logo {flex: 0 0 auto;box-sizing: border-box;width: clamp(140px, 12vw, 188px);height: var(--tb-top-h);padding: 0;display: flex;align-items: center;justify-content: center;font-size: clamp(40px, 3.6vw, 56px);font-weight: 700;color: var(--tb-orange);letter-spacing: 0.2em;line-height: 1;text-decoration: none;text-align: center;}.home-search-wrap {flex: 1 1 auto;display: flex;flex-direction: column;justify-content: flex-start;width: auto;max-width: none;min-width: 240px;min-height: var(--tb-top-h);box-sizing: border-box;}/* 猪八戒式：搜索旁主转化按钮，与搜索框同高 */.home-cta {flex: 0 0 auto;display: flex;flex-direction: row;align-items: stretch;gap: 8px;margin-top: var(--tb-search-tabs-h);height: var(--tb-search-h);box-sizing: border-box;}.home-cta-btn {display: flex;align-items: center;justify-content: center;height: 100%;padding: 0 16px;border: 2px solid var(--tb-orange);box-sizing: border-box;font: 700 14px/1 "Microsoft YaHei", sans-serif;text-decoration: none;white-space: nowrap;cursor: pointer;}.home-cta-btn--primary {background: var(--tb-orange);color: #fff;}.home-cta-btn--primary:hover {background: var(--tb-orange-dark);border-color: var(--tb-orange-dark);color: #fff;}.home-cta-btn--ghost {background: #fff;color: var(--tb-orange);}.home-cta-btn--ghost:hover {background: #fff8f5;color: var(--tb-orange-dark);border-color: var(--tb-orange-dark);}.home-top-aside {flex: 0 0 auto;min-width: 0;display: flex;flex-direction: row;align-items: stretch;gap: 8px;height: var(--tb-top-h);max-height: var(--tb-top-h);box-sizing: border-box;}.home-codes {display: flex;flex-wrap: nowrap;align-items: stretch;gap: 2px;flex: 0 0 auto;height: 100%;}/* 二维码占位：无边框，边长对齐天气框高度 */.home-code {position: relative;flex: 0 0 auto;width: var(--tb-top-h);height: var(--tb-top-h);display: block;text-decoration: none;border: 0;background: #f7f7f7;box-sizing: border-box;overflow: hidden;}.home-code:hover {outline: 1px solid var(--tb-orange);outline-offset: -1px;z-index: 1;}.home-code-qr {position: absolute;inset: 4px;background-color: #fff;/* 简易码点纹理占位 */background-image:linear-gradient(90deg, #222 1px, transparent 1px),linear-gradient(#222 1px, transparent 1px),linear-gradient(90deg, #222 2px, transparent 2px),linear-gradient(#222 2px, transparent 2px);background-size: 6px 6px, 6px 6px, 12px 12px, 12px 12px;background-position: 0 0, 0 0, 1px 1px, 1px 1px;opacity: 0.85;}.home-code-qr::before,.home-code-qr::after {content: "";position: absolute;width: 16px;height: 16px;border: 3px solid #111;box-sizing: border-box;background:linear-gradient(#111, #111) center / 6px 6px no-repeat,#fff;}.home-code-qr::before {top: 2px;left: 2px;}.home-code-qr::after {top: 2px;right: 2px;}.home-code-logo {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;min-width: 28px;height: 28px;padding: 0 4px;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid rgba(0, 0, 0, 0.08);color: #111;font-size: 11px;font-weight: 700;line-height: 1;white-space: nowrap;box-shadow: 0 0 0 2px #fff;}.home-code--dy .home-code-logo {color: #fff;background: #111;border-color: #111;box-shadow: 0 0 0 2px #fff;}.home-code--wb .home-code-logo {color: #fff;background: #e6162d;border-color: #e6162d;}.home-code--wx .home-code-logo {color: #fff;background: #07c160;border-color: #07c160;}.home-code--qq .home-code-logo {color: #fff;background: #12b7f5;border-color: #12b7f5;}.home-search-tabs {display: flex;align-items: stretch;gap: 0;height: var(--tb-search-tabs-h);box-sizing: border-box;}.home-search-tabs span {display: flex;align-items: center;padding: 0 10px;background: transparent;color: var(--tb-sub);cursor: default;font-size: 12px;line-height: 1;box-sizing: border-box;}.home-search-tabs span.is-on {background: var(--tb-orange);color: #fff;}.home-search {display: flex;align-items: stretch;height: var(--tb-search-h);border: 2px solid var(--tb-orange);background: var(--tb-white);box-sizing: border-box;}.home-search input {flex: 1;min-width: 0;height: 100%;border: 0;outline: none;padding: 0 14px;font: 15px/1.2 "Microsoft YaHei", sans-serif;background: transparent;box-sizing: border-box;}.home-search button {border: 0;height: 100%;padding: 0 clamp(14px, 1.4vw, 28px);background: var(--tb-orange);color: #fff;font: 700 15px/1 "Microsoft YaHei", sans-serif;cursor: pointer;white-space: nowrap;box-sizing: border-box;}.home-search button:hover {background: var(--tb-orange-dark);}.home-hot {margin: 4px 0 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;gap: 0 12px;color: var(--tb-muted);font-size: 12px;line-height: 1.2;}.home-hot a {color: var(--tb-muted);text-decoration: none;}.home-hot a:hover {color: var(--tb-orange);}/* 中：左分类 + 中焦点 + 右栏 —— 三列跟屏宽走 */.home-stage {display: grid;grid-template-columns: var(--tb-cat-w) minmax(0, 1fr) var(--tb-side-w);gap: 4px;margin-top: 6px;align-items: stretch;}.home-cats {background: var(--tb-white);border: 1px solid var(--tb-line);min-width: 0;}.home-cats-hd {padding: 8px 10px;background: var(--tb-orange);color: #fff;font-size: 14px;font-weight: 700;}.home-cats ul {margin: 0;padding: 0;list-style: none;}.home-cats li {display: flex;align-items: center;justify-content: space-between;gap: 4px;padding: 5px 8px;border-bottom: 1px solid #f0f0f0;color: var(--tb-text);cursor: pointer;}.home-cats li:last-child {border-bottom: 0;}.home-cats li:hover {background: #fff7f3;color: var(--tb-orange);}.home-cats li em {flex: 0 0 auto;font-style: normal;color: var(--tb-muted);font-size: 11px;}.home-cats li:hover em {color: var(--tb-orange);}.home-focus {display: grid;grid-template-rows: var(--tb-banner-h) auto;gap: 0;min-width: 0;width: 100%;overflow: hidden;box-sizing: border-box;}.home-banner {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;width: 100%;max-width: 100%;margin: 0;border: 1px solid var(--tb-line);box-sizing: border-box;color: var(--tb-text);text-align: center;text-decoration: none;padding: 16px 20px;background: #fff;overflow: hidden;}/* Banner 不再加底色带/角标，避免压在频道图上方 */.home-banner-title {position: relative;z-index: 1;font-size: clamp(15px, 1.3vw, 20px);font-weight: 700;line-height: 1.35;color: var(--tb-text);}.home-banner-sub {position: relative;z-index: 1;font-size: clamp(12px, 1vw, 14px);color: var(--tb-sub);}.home-banner:hover {border-color: #ffd0b8;}.home-banner:hover .home-banner-title {color: var(--tb-orange);}.home-channels {display: flex;flex-direction: row;align-items: stretch;width: 100%;max-width: 100%;margin: 0;gap: 2px;background: transparent;border: 0;box-sizing: border-box;}.home-channel {position: relative;flex: 1 1 0;display: block;min-width: 0;width: 0; /* 与 flex-basis:0 配合，避免 5 列亚像素撑破右缘 */min-height: clamp(72px, 7vw, 110px);text-decoration: none;overflow: hidden;background: transparent;border: 0;box-sizing: border-box;--ch-accent: var(--tb-orange);--ch-tint: #ffe8dc;}.home-channel-pic {position: absolute;inset: 0;display: block;border: 0;/* 纯色块占位，不加顶部色带/斜向高光条 */background: var(--ch-tint);}.home-channel strong {position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;margin: 0;padding: 14px 4px 6px;font-size: 13px;font-weight: 700;color: var(--tb-text);text-align: center;background: linear-gradient(to top, rgba(255, 255, 255, 0.96) 35%, rgba(255, 255, 255, 0));border: 0;box-sizing: border-box;}.home-channel:hover {outline: 1px solid var(--ch-accent);outline-offset: -1px;z-index: 1;}.home-channel--hot {--ch-accent: #ff5000;--ch-tint: #ffe8dc;}.home-channel--incident {--ch-accent: #e53935;--ch-tint: #ffd9d6;}.home-channel--release {--ch-accent: #1e88e5;--ch-tint: #d6e8fa;}.home-channel--onsite {--ch-accent: #00897b;--ch-tint: #d5f0ec;}.home-channel--train {--ch-accent: #7b1fa2;--ch-tint: #ead8f4;}.home-side {display: flex;flex-direction: column;gap: 0;min-width: 0;min-height: 100%;height: 100%;background: var(--tb-white);border: 1px solid var(--tb-line);box-sizing: border-box;}.home-panel {background: transparent;border: 0;border-bottom: 1px solid var(--tb-line);padding: 8px;box-sizing: border-box;}.home-panel:last-child {border-bottom: 0;}.home-panel h3 {margin: 0 0 8px;padding-bottom: 6px;border-bottom: 1px solid rgba(0, 0, 0, 0.06);font-size: 14px;font-weight: 700;color: var(--tb-text);}/* 右侧三区：标题色 + 淡背景区分 */.home-panel--login {background: #fff7f2;}.home-panel--login h3 {color: var(--tb-orange);border-bottom-color: #ffd8c2;}.home-panel--login h3 a {color: inherit;text-decoration: none;}.home-panel--login h3 a:hover {text-decoration: underline;}.home-panel--svc a {color: var(--tb-sub);text-decoration: none;}.home-panel--svc a:hover {color: var(--tb-orange);}.home-panel--news {background: #f3f8ff;}.home-panel--news h3 {color: #2f6bff;border-bottom-color: #c9dbff;}.home-panel--svc {flex: 1 1 auto;background: #f3fbf6;}.home-panel--svc h3 {color: #1aae6f;border-bottom-color: #bfe8d2;}.home-panel p,.home-panel li {margin: 0 0 6px;color: var(--tb-sub);font-size: 12px;line-height: 1.6;}.home-panel ul {margin: 0;padding: 0 0 0 16px;}.home-panel .home-btn {display: block;margin-top: 8px;padding: 8px 0;text-align: center;background: var(--tb-orange);color: #fff;text-decoration: none;font-size: 13px;}.home-panel .home-btn:hover {background: var(--tb-orange-dark);}.home-floor-tabs-panel.is-hidden {display: none !important;}/* —— 通用楼层头 —— */.home-floor {margin-top: 6px;background: var(--tb-white);border: 1px solid var(--tb-line);}.home-floor-hd {position: relative;display: flex;align-items: center;gap: 10px;flex-wrap: nowrap;padding: 6px 10px;border-bottom: 1px solid var(--tb-line);background: #fff;min-width: 0;}.home-floor-hd h2 {margin: 0;font-size: 16px;font-weight: 700;color: var(--tb-text);flex: 0 0 auto;}.home-floor-hd h2 i {font-style: normal;color: var(--tb-orange);margin-right: 6px;font-weight: 700;}.home-floor-hd .home-more {flex: 0 0 auto;margin-left: 8px;color: var(--tb-muted);text-decoration: none;font-size: 12px;white-space: nowrap;}.home-floor-hd .home-more:hover {color: var(--tb-orange);}.home-floor-tabs-wrap {position: relative;flex: 1 1 auto;display: flex;align-items: stretch;min-width: 0;gap: 0;}.home-floor-tabs {position: relative;flex: 1 1 auto;display: flex;flex-wrap: nowrap;gap: 0;min-width: 0;overflow: hidden; /* 多出的分类直接裁切隐藏 */mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 12px), transparent 100%);-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 12px), transparent 100%);}.home-floor-tabs span {flex: 0 0 auto;padding: 4px 12px;color: var(--tb-sub);cursor: pointer;border: 0;background: transparent;}.home-floor-tabs span:hover {color: var(--tb-orange);}.home-floor-tabs span.is-on {color: var(--tb-orange);font-weight: 600;border: 0;background: transparent;}.home-floor-tabs-more {flex: 0 0 auto;margin: 0;padding: 4px 10px;border: 0;border-left: 1px solid var(--tb-line);background: #fff;color: var(--tb-sub);font: inherit;font-size: 12px;cursor: pointer;white-space: nowrap;}.home-floor-tabs-more:hover,.home-floor-tabs-more[aria-expanded="true"] {color: var(--tb-orange);background: #fff8f5;}.home-floor-tabs-panel {position: absolute;top: 100%;right: 0;z-index: 20;min-width: 160px;max-width: min(360px, 70vw);max-height: 280px;overflow: auto;margin-top: 0;padding: 4px 0;border: 1px solid var(--tb-line);background: #fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}.home-floor-tabs-panel button {display: block;width: 100%;margin: 0;padding: 6px 14px;border: 0;background: transparent;color: var(--tb-sub);font: inherit;font-size: 12px;text-align: left;cursor: pointer;white-space: nowrap;}.home-floor-tabs-panel button:hover {color: var(--tb-orange);background: #fff8f5;}.home-floor-tabs-panel button.is-on {color: var(--tb-orange);font-weight: 600;}/* —— 商品小格（图优先） —— */.home-items {display: grid;grid-template-columns: repeat(auto-fill, minmax(var(--tb-item-min), 1fr));gap: 2px;min-width: 0;}.home-item {position: relative;display: block;padding: 0;margin: 0;border: 0;text-decoration: none;color: inherit;background: transparent;box-sizing: border-box;overflow: hidden;}.home-item-badge {position: absolute;top: 4px;left: 4px;z-index: 2;padding: 0 5px;font-size: 11px;line-height: 16px;color: #fff;background: var(--tb-orange);}.home-item-badge--new {background: #2f6bff;}.home-item-badge--urgent {background: #e53935;}.home-item:hover {outline: 1px solid var(--tb-orange);outline-offset: -1px;z-index: 1;}/* 色块占位：无描边，靠 gap 留白分隔；同层色相接近、格子间略有深浅 */.home-item-pic {position: relative;display: block;aspect-ratio: 1 / 1;margin: 0;border: 0;font-size: 0;color: transparent;overflow: hidden;background: var(--floor-tint, #f5f5f5);box-sizing: border-box;}.home-floor--1 { --floor-accent: #ff5000; --floor-tint: #ffe8dc; }.home-floor--2 { --floor-accent: #2f6bff; --floor-tint: #dde7ff; }.home-floor--3 { --floor-accent: #00897b; --floor-tint: #d5f0ec; }.home-floor--4 { --floor-accent: #7b1fa2; --floor-tint: #eedcf6; }.home-floor--5 { --floor-accent: #fb8c00; --floor-tint: #ffe8cc; }.home-floor--6 { --floor-accent: #c62828; --floor-tint: #ffd9d6; }.home-floor--7 { --floor-accent: #1565c0; --floor-tint: #d6e8fa; }.home-floor--8 { --floor-accent: #2e7d32; --floor-tint: #d8eed9; }.home-floor--9 { --floor-accent: #6a1b9a; --floor-tint: #ead8f4; }.home-floor--10 { --floor-accent: #455a64; --floor-tint: #e2e8eb; }.home-floor--11 { --floor-accent: #ef6c00; --floor-tint: #ffe4cc; }.home-floor--12 { --floor-accent: #ec407a; --floor-tint: #fce4ec; }.home-floor--13 { --floor-accent: #8d6e63; --floor-tint: #efebe9; }.home-floor--14 { --floor-accent: #546e7a; --floor-tint: #eceff1; }.home-floor--15 { --floor-accent: #5e35b1; --floor-tint: #ede7f6; }.home-floor .home-floor-hd h2 i {color: var(--floor-accent, var(--tb-orange));}.home-floor .home-floor-tabs span.is-on,.home-floor .home-floor-tabs span:hover {color: var(--floor-accent, var(--tb-orange));}.home-floor .home-item:nth-child(3n) .home-item-pic {background:linear-gradient(205deg, rgba(0, 0, 0, 0.05), transparent 55%),var(--floor-tint);}.home-floor .home-item:nth-child(3n+1) .home-item-pic {background:linear-gradient(145deg, rgba(255, 255, 255, 0.45), transparent 50%),var(--floor-tint);}.home-floor .home-item:nth-child(3n+2) .home-item-pic {background:linear-gradient(160deg, rgba(255, 255, 255, 0.2), transparent 40%),var(--floor-tint);}.home-floor .home-item:hover {outline-color: var(--floor-accent, var(--tb-orange));}.home-item-title {position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0;padding: 16px 4px 6px;font-size: 12px;line-height: 1.3;font-weight: 600;color: var(--tb-text);text-align: center;/* 字叠图底：淡遮罩保可读，不要硬色带、不要独立底栏 */background: linear-gradient(to top, rgba(255, 255, 255, 0.96) 35%, rgba(255, 255, 255, 0));border: 0;box-sizing: border-box;}/* —— 断点 —— */@media (max-width: 1100px) {.home-top {flex-wrap: wrap;}.home-top-brand {flex: 1 1 100%;order: 1;}.home-top-aside {flex: 1 1 auto;max-width: none;order: 2;}}@media (max-width: 980px) {.home-stage {grid-template-columns: 1fr;}.home-channels {flex-wrap: wrap;}.home-channel {flex: 1 1 33.333%;width: auto;min-width: 33.333%;}}@media (min-width: 1400px) {:root {--tb-item-min: clamp(118px, 6.5vw, 150px);}}@media (min-width: 1800px) {:root {--tb-cat-w: clamp(200px, 9.5vw, 300px);--tb-side-w: clamp(200px, 10vw, 300px);--tb-item-min: clamp(122px, 5.8vw, 148px);--tb-banner-h: clamp(240px, 16vw, 360px);}}@media (min-width: 2400px) {:root {--tb-cat-w: clamp(220px, 8.5vw, 320px);--tb-side-w: clamp(220px, 9vw, 320px);--tb-item-min: clamp(128px, 5.2vw, 152px);--tb-banner-h: clamp(260px, 14vw, 400px);}}@media (min-width: 2800px) {:root {--tb-item-min: clamp(132px, 4.8vw, 156px);--tb-cat-w: clamp(240px, 8vw, 340px);--tb-side-w: clamp(240px, 8.5vw, 340px);}}