/* Exact-reference landing treatment; project and editor views retain their shell. */
/* The iframe uses the same light canvas as the host workspace. */
body:has(#home:not(.hidden)) { background: #f8fbff; }
body:has(#home:not(.hidden)) .dock,
body:has(#home:not(.hidden)) .hud-header { display: none; }
body:has(#home:not(.hidden)) .ops-shell { padding: 0; margin: 0; display: block; }
body:has(#home:not(.hidden)) .ops-main { margin: 0; width: 100%; background: radial-gradient(ellipse at 47% 3%,#dceeff80,transparent 48%),linear-gradient(180deg,#f2f8ff 0%,#f8fbff 58%,#f4f9ff 100%); }
#home.view-command { box-sizing: border-box; max-width: 1480px; margin: auto; padding: 29px 24px 24px; }
#home .cmd-hero { box-sizing: border-box; min-height: 201px; margin-bottom: 23px; padding: 0 20px 12px; isolation: isolate; }
#home .cmd-hero::before { display: none; }
#home .cmd-hero-copy { position: relative; z-index: 1; max-width: 760px; }
#home .cmd-hero-top { margin: 0 0 12px; }
#home .cmd-badge { color: #8299d5; font-size: 11px; letter-spacing: .12em; font-weight: 800; }
#home .cmd-title { margin: 0 0 8px; font-family: 'Microsoft YaHei','PingFang SC',sans-serif; font-size: clamp(34px,4.12cqw,56px); font-weight: 900; letter-spacing: .025em; line-height: 1.25; white-space: nowrap; }
#home .cmd-title > span { color: #347aff; }
#home .cmd-desc { max-width: none; color: #65718c; font-size: 17px; line-height: 1.7; }
#home .cmd-metrics { display: flex; flex-wrap: wrap; gap: 30px; margin: 23px 0 0; }
#home .cmd-metric { gap: 10px; }
#home .cmd-metric-val { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: linear-gradient(135deg,#20c5ff,#078af4); color: white; font-size: 0; }
#home .cmd-metric-val svg { display: none; }
#home .cmd-metric-val::after { content: '✓'; font-size: 14px; }
#home .cmd-metric-copy { display: flex; gap: 8px; align-items: center; }
#home .cmd-metric-copy strong { font-size: 15px; font-weight: 500; }
#home .cmd-metric-copy small { display: inline; color: #7f8dab; font-size: 15px; }
#home .cmd-hero-art { z-index: 0; right: -24px; top: -28px; bottom: auto; width: min(49%,644px); height: auto; opacity: 1; }
#home .cmd-hero-art img { width: 100%; height: auto; object-fit: contain; mix-blend-mode: multiply; mask-image: linear-gradient(90deg,transparent,#000 8%),linear-gradient(#000 98%,transparent); mask-composite: intersect; }
#home .cmd-bento { display: grid; grid-template-columns: 1.1fr 1fr; gap: 16px; }
#home .module-card { box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; min-height: 233px; padding: 26px 22px 20px 144px; border: 1px solid #e7efff; border-radius: 14px; background: linear-gradient(115deg,#ffffffdf,#f0f7ffbb); box-shadow: 0 5px 15px #839dcb0a; cursor: pointer; }
#home .module-card:hover { transform: translateY(-2px); border-color: #bcd4ff; box-shadow: 0 8px 22px #548cff14; }
#home .module-secondary { border-color: #faebd9; background: linear-gradient(115deg,#fffdf9,#fff9f0c9); }
#home .module-icon { top: 29px; left: 32px; width: 82px; height: 82px; border-radius: 22px; background: url('./novel-icon.webp') center/cover !important; }
#home .module-icon::before { display: none; }
#home .module-secondary .module-icon { background: url('./script-icon.webp') center/cover !important; }
#home .module-card h3 { margin: 3px 0 8px; font-family: var(--font-ui); font-size: 24px; font-weight: 800; line-height: 1.4; }
#home .module-card p { max-width: none; font-size: 16px; line-height: 1.4; color: #8a98b0; }
#home .module-art { top: 15px; right: 7px; width: 204px; height: 203px; opacity: 1; mix-blend-mode: normal; mask-image: none; }
#home .module-secondary .module-art { top: 28px; right: 5px; width: 168px; height: 155px; }
#home .module-action { z-index: 1; min-height: 40px; width: 173px; box-sizing: border-box; margin: 15px 0 0; border: 0; border-radius: 8px; font-size: 15px; font-weight: 500; background: linear-gradient(#368aff,#2460ff); box-shadow: 0 4px 8px #3b78ff25; }
#home .module-secondary .module-action { color: white; background: linear-gradient(#ffb43b,#ff9413); box-shadow: 0 4px 8px #ff9a2325; }
#home .module-chips { order: 3; margin: 17px 0 0; gap: 12px; flex-wrap: wrap; }
#home .module-chips span { padding: 3px 10px; border-radius: 20px; background: #e8f1ff; font-size: 13px; line-height: 1.4; white-space: nowrap; }
#home .module-secondary .module-chips span { background: #fff0dc; color: #a69b88; }
#home .home-recent { margin-top: 17px; }
#home .home-section-head { margin-bottom: 6px; }
#home .home-section-head h2 { font-size: 18px; font-weight: 800; }
#home #home-recent-title::before { content: '🔥'; margin-right: 9px; font-size: 17px; }
#home .home-recent-grid { gap: 14px; }
#home .recent-book { box-sizing: border-box; min-height: 140px; padding: 14px 17px; gap: 16px; border-color: #e9effb; box-shadow: 0 3px 8px #839dcb05; text-decoration: none; }
#home .recent-book-mark { width: 72px; height: 110px; flex-basis: 72px; }
#home .recent-book-title { color: #202c46; font-size: 16px; font-weight: 700; }
#home .recent-book-content { gap: 7px; }
#home .recent-book-meta,#home .zd-example-description { font-size: 13px; line-height: 1.5; }
#home .zd-example-description { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#home .home-workflow { margin-top: 17px; padding: 10px 17px; border-radius: 12px; }
#home .home-workflow-head { margin-bottom: 9px; }
#home .home-workflow-head h2::before { content: ''; display: inline-block; width: 16px; height: 17px; vertical-align: -2px; margin-right: 7px; background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c82ff' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 5 8 9 8 9s8-4 8-9V6Z'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E"); }
#home .home-workflow-track { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap: 7px; }
#home .home-workflow-step { box-sizing: border-box; min-height: 64px; padding: 9px 14px; gap: 15px; border-radius: 11px; }
#home .home-workflow-step > b { flex-basis: 42px; width: 42px; height: 42px; font-size: 21px; }
#home .home-workflow-step strong { font-size: 13px; font-weight: 700; }
#home .home-workflow-step small { font-size: 12px; white-space: nowrap; }
#home .home-flow-link { font-size: 12px; color: #5d90f6; }
.novel-more-tools { display: grid; grid-template-columns: 2.4fr repeat(6,1fr); align-items: center; gap: 17px; margin-top: 13px; padding: 12px 34px; border: 1px solid #f0eaff; border-radius: 13px; background: linear-gradient(100deg,#f5eaff,#edf2ff); box-shadow: 0 4px 10px #899ccc08; }
.novel-more-copy h2 { margin: 0 0 5px; font: 800 17px var(--font-ui); color: #8550ff; }
.novel-more-copy p { margin: 0; color: #8f92aa; font-size: 11px; white-space: nowrap; }
.novel-more-tools > a,.novel-more-tools > button { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 55px; padding: 6px 10px; border: 0; border-radius: 13px; background: #ffffffbb; color: #38425f; font: 600 14px var(--font-ui); white-space: nowrap; text-decoration: none; cursor: pointer; }
.novel-more-tools > a:hover,.novel-more-tools > button:hover { background: white; box-shadow: 0 4px 12px #8565e718; }
.novel-more-tools img { width: 38px; height: 42px; object-fit: contain; mix-blend-mode: multiply; }
body:has(#home.hidden) .novel-more-tools { display: none; }
.zd-home-tool-guide { color: #6c7b94; line-height: 1.8; }
.zd-home-tool-links { display: grid; gap: 10px; margin-top: 18px; }
.zd-home-tool-links a { color: #347aff; padding: 12px; border-radius: 9px; background: #f3f7ff; text-decoration: none; }
@media(max-width:1200px) {
 #home .cmd-hero-copy { max-width: 75%; }
 #home .cmd-title { font-size: 42px; }
 #home .cmd-desc { font-size: 14px; }
 #home .cmd-metrics { gap: 18px; }
 #home .cmd-metric-copy { display: grid; gap: 3px; }
 #home .cmd-metric-copy small { font-size: 12px; }
 #home .module-card { padding-left: 112px; }
 #home .module-icon { left: 22px; width: 68px; height: 68px; }
 #home .module-card h3 { font-size: 21px; }
 #home .module-card p { max-width: 75%; font-size: 13px; }
 #home .module-art { width: 155px; right: -22px; }
 #home .module-secondary .module-art { width: 135px; right: -18px; }
 #home .module-chips { gap: 5px; margin-left: -90px; }
 #home .home-workflow-track { grid-template-columns: repeat(5,minmax(0,1fr)); }
 #home .home-workflow-track > i { display: none; }
 #home .home-workflow-step { padding: 8px; gap: 8px; }
 #home .home-workflow-step small { white-space: normal; }
 .novel-more-tools { gap: 8px; padding: 12px; grid-template-columns: repeat(3,minmax(0,1fr)); }
 .novel-more-copy { grid-column: 1/-1; }
}
@media(max-width:760px) {
 #home.view-command { padding: 24px 16px; }
 #home .cmd-hero { min-height: 0; padding: 0 0 20px; }
 #home .cmd-hero-copy { max-width: none; }
 #home .cmd-title { font-size: clamp(25px,6.5vw,42px); white-space: normal; }
 #home .cmd-desc { max-width: 100%; font-size: 13px; }
 #home .cmd-hero-art { position: relative; top: auto; right: auto; width: 100%; max-width: 500px; height: auto; margin: 12px auto -20px; }
 #home .cmd-hero-art img { height: auto; mask-image: none; }
 #home .cmd-metrics { gap: 12px; }
 #home .cmd-metric-copy strong { font-size: 12px; }
 #home .cmd-metric-copy small { display: none; }
 #home .cmd-bento { grid-template-columns: 1fr; }
 #home .module-card { min-height: 260px; padding: 24px 18px 20px 108px; }
 #home .module-card p { max-width: 100%; min-height: 60px; }
 #home .module-action { width: 150px; }
 #home .module-art,#home .module-secondary .module-art { width: 75px; height: 90px; top: auto; bottom: 58px; right: 6px; }
 #home .module-chips { margin-left: -88px; gap: 6px; }
 #home .home-recent-grid { grid-template-columns: 1fr; }
 #home .home-workflow-track { grid-template-columns: 1fr; }
 #home .home-workflow-head p { display: none; }
 #home .home-workflow-step { padding: 10px 14px; }
 .novel-more-tools { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .novel-more-copy p { white-space: normal; }
 #home .zd-recent-actions { flex-wrap: wrap; justify-content: flex-end; }
}