/*
 * Tenant site themes deliberately style only the shared portal shell.
 * Individual test applications keep their own CSS and do not load this file.
 */

html[data-tenant-theme="aurora"] { --ink: #162034; --muted: #69758b; --paper: #f5f7fb; --line: #dfe4ef; --accent: #6d5ce8; --cyan: #31b8c9; --gold: #dba94c; --white: #fff; --shadow: 0 22px 70px rgba(31, 42, 74, .10); }
html[data-tenant-theme="forest"] { --ink: #18382f; --muted: #668076; --paper: #f1f5ed; --line: #ceddd1; --accent: #267d65; --cyan: #96ae65; --gold: #b88945; --white: #fbfdf8; --shadow: 0 22px 56px rgba(39, 79, 59, .12); }
html[data-tenant-theme="sunset"] { --ink: #32232b; --muted: #816d70; --paper: #fff7f1; --line: #efd9d3; --accent: #d9576e; --cyan: #ee9d5c; --gold: #d9a04e; --white: #fffdfb; --shadow: 0 24px 64px rgba(144, 68, 80, .12); }
html[data-tenant-theme="ocean"] { --ink: #e6f5ff; --muted: #9cb9cf; --paper: #07182a; --line: #254660; --accent: #45d0c2; --cyan: #489ee9; --gold: #e5bd68; --white: #0e2439; --shadow: 0 24px 70px rgba(0, 0, 0, .30); }
html[data-tenant-theme="paper"] { --ink: #3e3226; --muted: #7d6f5e; --paper: #f6efdf; --line: #d8c9b0; --accent: #a5673c; --cyan: #7e9672; --gold: #c5914d; --white: #fffaf0; --shadow: 0 12px 26px rgba(85, 61, 37, .10); }
html[data-tenant-theme="lab"] { --ink: #10100d; --muted: #4d4d42; --paper: #f2f1e7; --line: #10100d; --accent: #ff563a; --cyan: #2d59f5; --gold: #edff3b; --white: #fffdf4; --shadow: 9px 9px 0 #10100d; }

html[data-tenant-theme] body { color: var(--ink); background: var(--paper); }
html[data-tenant-theme] .brand i { border-color: var(--accent); }
html[data-tenant-theme] .nav-login { border-color: color-mix(in srgb, var(--accent) 28%, white) !important; color: var(--accent) !important; }
html[data-tenant-theme] .hero h1 em, html[data-tenant-theme] .auth-story h1 em { color: var(--accent); }
html[data-tenant-theme] .primary-action { background: linear-gradient(120deg, var(--accent), var(--cyan)); box-shadow: 0 16px 34px color-mix(in srgb, var(--accent) 28%, transparent); }
html[data-tenant-theme] .sat { color: var(--accent); }

/* 01 — 星云探索：轻盈轨道与玻璃面板。 */
html[data-tenant-theme="aurora"] body { background: radial-gradient(circle at 8% 0, #e8e3ff 0, transparent 29rem), radial-gradient(circle at 96% 5%, #daf5f5 0, transparent 25rem), var(--paper); }
html[data-tenant-theme="aurora"] .hero-orbit { isolation: isolate; }
html[data-tenant-theme="aurora"] .hero-orbit::before { position: absolute; z-index: -1; inset: 13%; border-radius: 44% 56% 54% 46% / 44% 45% 55% 56%; background: linear-gradient(145deg, rgba(109, 92, 232, .11), rgba(49, 184, 201, .06)); content: ""; filter: blur(1px); }
html[data-tenant-theme="aurora"] .member-strip { border-color: #ded9ff; }
html[data-tenant-theme="aurora"] .test-card:hover { border-color: #c9c0ff; }

/* 02 — 森氧疗愈：手帐感、植物符号与呼吸留白。 */
html[data-tenant-theme="forest"] body { background: #f1f5ed; }
html[data-tenant-theme="forest"] .site-header { height: 94px; border-bottom: 1px solid rgba(41, 105, 76, .18); }
html[data-tenant-theme="forest"] .brand { font-family: Georgia, "Songti SC", serif; letter-spacing: .12em; }
html[data-tenant-theme="forest"] .brand i { width: 17px; height: 17px; border-width: 2px; border-radius: 50% 0 50% 0; transform: rotate(-32deg); }
html[data-tenant-theme="forest"] .hero { min-height: 675px; margin: 26px 0 68px; padding: 86px 68px; overflow: hidden; border: 1px solid #c7d6c9; border-radius: 6px 52px 6px 52px; background: #dce9d7; }
html[data-tenant-theme="forest"] .hero::before { position: absolute; right: -130px; bottom: -210px; width: 590px; height: 590px; border: 1px solid rgba(39, 105, 76, .30); border-radius: 62% 38% 57% 43% / 45% 57% 43% 55%; background: radial-gradient(ellipse at 37% 32%, rgba(240, 246, 216, .98) 0 8%, transparent 8.4%), radial-gradient(ellipse at 56% 52%, #8aad72 0 11%, transparent 11.5%), radial-gradient(ellipse at 76% 26%, #4e8d6d 0 7%, transparent 7.5%); content: ""; transform: rotate(-18deg); }
html[data-tenant-theme="forest"] .hero-copy { position: relative; z-index: 1; max-width: 620px; padding: 9px 0 12px 27px; border-left: 2px solid #4a8c6d; }
html[data-tenant-theme="forest"] .hero .eyebrow { color: #477b5d; font-family: Georgia, "Songti SC", serif; letter-spacing: .24em; }
html[data-tenant-theme="forest"] .hero h1 { font-family: Georgia, "Songti SC", serif; font-weight: 500; letter-spacing: -.05em; }
html[data-tenant-theme="forest"] .hero h1 em { color: #287b62; }
html[data-tenant-theme="forest"] .lead { max-width: 550px; font-family: Georgia, "Songti SC", serif; line-height: 1.95; }
html[data-tenant-theme="forest"] .hero-orbit { z-index: 1; width: 400px; max-width: 100%; margin-right: 14px; border: 1px solid #3c765c; border-radius: 43% 57% 50% 50% / 56% 42% 58% 44%; background: linear-gradient(145deg, #2b6d59, #5e956d); box-shadow: 18px 19px 0 rgba(248, 251, 232, .75); transform: rotate(7deg); }
html[data-tenant-theme="forest"] .hero-orbit .orbit { display: none; }
html[data-tenant-theme="forest"] .hero-orbit .planet-core { inset: 27%; border: 1px solid rgba(248, 251, 232, .78); border-radius: 50% 0 50% 50%; background: #eef1d0; box-shadow: none; color: #275d4a; transform: rotate(-7deg); }
html[data-tenant-theme="forest"] .hero-orbit .planet-core strong { font-family: Georgia, serif; }
html[data-tenant-theme="forest"] .hero-orbit .sat { height: auto; min-width: 76px; padding: 9px 12px; border: 0; border-radius: 2px; background: #fbf7e9; box-shadow: 0 8px 16px rgba(25, 67, 49, .14); font-family: Georgia, "Songti SC", serif; }
html[data-tenant-theme="forest"] .sat-a { top: 5%; left: 43%; transform: rotate(-8deg); }
html[data-tenant-theme="forest"] .sat-b { top: 47%; right: -10%; transform: rotate(8deg); }
html[data-tenant-theme="forest"] .sat-c { bottom: 7%; left: 35%; transform: rotate(-5deg); }
html[data-tenant-theme="forest"] .sat-d { top: 45%; left: -9%; transform: rotate(5deg); }
html[data-tenant-theme="forest"] .member-strip { gap: 14px; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html[data-tenant-theme="forest"] .member-strip div { position: relative; padding: 26px 28px 29px; border-top: 2px solid #508463; background: transparent; }
html[data-tenant-theme="forest"] .member-strip div::before { position: absolute; top: 12px; left: 0; color: #8da66a; content: "✦"; }
html[data-tenant-theme="forest"] .section-heading { padding-bottom: 19px; border-bottom: 1px solid #cbd9cc; }
html[data-tenant-theme="forest"] .section-heading h2 { font-family: Georgia, "Songti SC", serif; font-weight: 500; }
html[data-tenant-theme="forest"] .test-card { min-height: 266px; border: 1px solid #cbd9cc; border-radius: 4px 22px 4px 22px; background: #fbfdf8; box-shadow: none; }
html[data-tenant-theme="forest"] .test-card::before { position: absolute; top: 0; left: 0; width: 13px; height: 100%; background: #dbe9d6; content: ""; }
html[data-tenant-theme="forest"] .test-card:hover { border-color: #4b8766; box-shadow: 8px 9px 0 #d1e0cd; transform: translate(-3px, -3px); }
html[data-tenant-theme="forest"] .account-hero, html[data-tenant-theme="forest"] .profile-hero { border: 1px solid #c7d6c9; border-radius: 6px 42px 6px 42px; background: #dce9d7; box-shadow: none; }
html[data-tenant-theme="forest"] .history-card, html[data-tenant-theme="forest"] .profile-panel { border-radius: 4px 22px 4px 22px; box-shadow: none; }

/* 03 — 日落灵感：杂志大标题、错位色块与明快节奏。 */
html[data-tenant-theme="sunset"] body { background: #fff7f1; }
html[data-tenant-theme="sunset"] .site-header { height: 92px; }
html[data-tenant-theme="sunset"] .brand { font-size: 12px; letter-spacing: .18em; }
html[data-tenant-theme="sunset"] .brand i { width: 14px; height: 14px; border-width: 3px; transform: rotate(45deg) skew(-6deg, -6deg); }
html[data-tenant-theme="sunset"] .hero { min-height: 680px; margin: 34px 0 72px; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr); gap: 0; overflow: hidden; background: #f6ddd3; }
html[data-tenant-theme="sunset"] .hero-copy { position: relative; z-index: 1; align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 78px 70px 74px 102px; background: #fffaf7; }
html[data-tenant-theme="sunset"] .hero-copy::before { position: absolute; top: 72px; left: 31px; color: #d9576e; content: "ISSUE\A 01"; font: 800 10px/1.35 Arial, sans-serif; letter-spacing: .18em; white-space: pre; }
html[data-tenant-theme="sunset"] .hero .eyebrow { color: #d9576e; }
html[data-tenant-theme="sunset"] .hero h1 { max-width: 675px; font-family: Georgia, "Songti SC", serif; font-size: clamp(56px, 6.3vw, 96px); font-weight: 500; letter-spacing: -.075em; }
html[data-tenant-theme="sunset"] .hero h1 em { display: inline-block; padding-right: .06em; color: #d9576e; }
html[data-tenant-theme="sunset"] .lead { max-width: 540px; }
html[data-tenant-theme="sunset"] .primary-action { border-radius: 0; box-shadow: 8px 8px 0 #f1b983; }
html[data-tenant-theme="sunset"] .secondary-action { border-radius: 0; background: transparent; }
html[data-tenant-theme="sunset"] .hero-orbit { width: 100%; max-width: none; height: 100%; min-height: 680px; margin: 0; overflow: hidden; background: linear-gradient(145deg, #dc6074, #efaa63); }
html[data-tenant-theme="sunset"] .hero-orbit::before { position: absolute; top: 12%; left: 16%; width: 80%; height: 80%; border: 1px solid rgba(255, 250, 244, .7); border-radius: 51% 49% 32% 68% / 51% 37% 63% 49%; content: ""; transform: rotate(24deg); }
html[data-tenant-theme="sunset"] .hero-orbit .orbit { border-color: rgba(255, 247, 239, .52); animation: none; }
html[data-tenant-theme="sunset"] .hero-orbit .orbit-a { inset: 14%; border-radius: 44% 56% 60% 40%; }
html[data-tenant-theme="sunset"] .hero-orbit .orbit-b { inset: 28%; border-radius: 60% 40% 47% 53%; }
html[data-tenant-theme="sunset"] .hero-orbit .orbit-c { display: none; }
html[data-tenant-theme="sunset"] .hero-orbit .planet-core { inset: 34%; border-radius: 6px; background: #fff4e9; box-shadow: 10px 10px 0 rgba(89, 35, 52, .16); color: #5a3040; transform: rotate(8deg); }
html[data-tenant-theme="sunset"] .hero-orbit .sat { min-width: auto; width: 76px; height: 36px; border: 0; border-radius: 0; background: #372330; box-shadow: none; color: #fff5ed; font-size: 11px; }
html[data-tenant-theme="sunset"] .sat-a { top: 12%; left: 50%; transform: rotate(-12deg); }
html[data-tenant-theme="sunset"] .sat-b { top: 50%; right: 8%; transform: rotate(9deg); }
html[data-tenant-theme="sunset"] .sat-c { bottom: 15%; left: 43%; transform: rotate(-6deg); }
html[data-tenant-theme="sunset"] .sat-d { top: 50%; left: 7%; transform: rotate(6deg); }
html[data-tenant-theme="sunset"] .member-strip { border-width: 2px 0; border-color: #d9576e; border-radius: 0; background: transparent; box-shadow: none; }
html[data-tenant-theme="sunset"] .member-strip div { padding: 25px 24px; background: transparent; }
html[data-tenant-theme="sunset"] .member-strip div + div { border-left: 1px solid #edcdc5; }
html[data-tenant-theme="sunset"] .section-heading p { color: #d9576e; }
html[data-tenant-theme="sunset"] .section-heading h2 { font-family: Georgia, "Songti SC", serif; font-weight: 500; }
html[data-tenant-theme="sunset"] .test-card { border: 0; border-radius: 0; background: #fffdfa; box-shadow: none; }
html[data-tenant-theme="sunset"] .test-card:nth-child(3n + 1) { background: #f6ddd3; }
html[data-tenant-theme="sunset"] .test-card:nth-child(3n + 2) { background: #ffe9c9; }
html[data-tenant-theme="sunset"] .test-card:nth-child(3n) { background: #f8e6ed; }
html[data-tenant-theme="sunset"] .test-card:hover { box-shadow: 9px 9px 0 #d9576e; transform: translate(-3px, -3px); }
html[data-tenant-theme="sunset"] .test-card>a { border-color: rgba(50, 35, 43, .16); }
html[data-tenant-theme="sunset"] .test-card>a span { border-radius: 4px; background: #d9576e; }
html[data-tenant-theme="sunset"] .account-hero, html[data-tenant-theme="sunset"] .profile-hero { border: 0; border-radius: 0; background: #f6ddd3; box-shadow: 10px 10px 0 #f1b983; }
html[data-tenant-theme="sunset"] .history-card, html[data-tenant-theme="sunset"] .profile-panel { border-radius: 0; }

/* 04 — 深海专注：深色数据舱、网格与任务面板。 */
html[data-tenant-theme="ocean"] body { background: radial-gradient(circle at 92% -12%, rgba(69, 208, 194, .17), transparent 29rem), #07182a; color: #e6f5ff; }
html[data-tenant-theme="ocean"] .site-header { width: min(1280px, calc(100% - 40px)); height: 80px; border-bottom: 1px solid rgba(86, 164, 210, .35); }
html[data-tenant-theme="ocean"] .brand { color: #ebf8ff; font-size: 12px; letter-spacing: .16em; }
html[data-tenant-theme="ocean"] .brand i { border-color: #45d0c2; border-radius: 3px; transform: rotate(45deg); }
html[data-tenant-theme="ocean"] .site-nav a, html[data-tenant-theme="ocean"] .site-nav button { color: #b5d0e3; }
html[data-tenant-theme="ocean"] .site-nav .nav-login { border-color: rgba(69, 208, 194, .6) !important; background: rgba(23, 78, 98, .64); color: #66e9dc !important; }
html[data-tenant-theme="ocean"] .home-wrap, html[data-tenant-theme="ocean"] .account-wrap, html[data-tenant-theme="ocean"] .record-wrap { width: min(1280px, calc(100% - 40px)); }
html[data-tenant-theme="ocean"] .hero { min-height: 610px; margin: 42px 0 54px; padding: 64px 66px; overflow: hidden; border: 1px solid #2e6585; border-radius: 18px; background: linear-gradient(135deg, #0e3149, #0b2036 72%); }
html[data-tenant-theme="ocean"] .hero::before { position: absolute; inset: 0; opacity: .35; background-image: linear-gradient(rgba(92, 182, 225, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(92, 182, 225, .18) 1px, transparent 1px); background-size: 38px 38px; content: ""; mask-image: linear-gradient(90deg, black, transparent 72%); }
html[data-tenant-theme="ocean"] .hero-copy { position: relative; z-index: 1; }
html[data-tenant-theme="ocean"] .hero .eyebrow { color: #65e5d8; }
html[data-tenant-theme="ocean"] .hero h1 { max-width: 700px; color: #f0fbff; font-size: clamp(51px, 5.7vw, 82px); }
html[data-tenant-theme="ocean"] .hero h1 em { color: #65e5d8; }
html[data-tenant-theme="ocean"] .lead { color: #b4cde0; }
html[data-tenant-theme="ocean"] .primary-action { border: 1px solid rgba(126, 239, 229, .6); border-radius: 8px; background: #237fa0; box-shadow: 0 0 0 4px rgba(69, 208, 194, .10), 0 16px 30px rgba(0, 0, 0, .25); }
html[data-tenant-theme="ocean"] .secondary-action { border-color: #385d78; border-radius: 8px; background: rgba(4, 24, 42, .52); color: #d8edf9; }
html[data-tenant-theme="ocean"] .hero-orbit { z-index: 1; width: 440px; max-width: 100%; border: 1px solid #4b8caf; border-radius: 18px; background: rgba(7, 33, 52, .86); box-shadow: inset 0 0 0 10px rgba(69, 208, 194, .04); }
html[data-tenant-theme="ocean"] .hero-orbit::before { position: absolute; top: 12%; right: 12%; bottom: 12%; left: 12%; border: 1px dashed rgba(105, 230, 218, .52); content: ""; }
html[data-tenant-theme="ocean"] .hero-orbit .orbit { border-color: rgba(92, 189, 224, .48); border-radius: 16px; animation: pulse-grid 3.8s ease-in-out infinite; }
html[data-tenant-theme="ocean"] .hero-orbit .orbit-a { inset: 12%; }
html[data-tenant-theme="ocean"] .hero-orbit .orbit-b { inset: 25%; animation-delay: -.8s; }
html[data-tenant-theme="ocean"] .hero-orbit .orbit-c { inset: 37%; animation-delay: -1.6s; }
html[data-tenant-theme="ocean"] .hero-orbit .planet-core { inset: 37%; border-radius: 9px; background: linear-gradient(145deg, #42cfc0, #1871a7); box-shadow: 0 0 34px rgba(69, 208, 194, .55); }
html[data-tenant-theme="ocean"] .hero-orbit .sat { min-width: 72px; height: 30px; border: 1px solid #3b7d9e; border-radius: 5px; background: #102c44; box-shadow: none; color: #8debe1; font-size: 10px; }
html[data-tenant-theme="ocean"] .sat-a { top: 7%; left: 44%; }
html[data-tenant-theme="ocean"] .sat-b { top: 45%; right: -5%; }
html[data-tenant-theme="ocean"] .sat-c { bottom: 8%; left: 41%; }
html[data-tenant-theme="ocean"] .sat-d { top: 45%; left: -5%; }
html[data-tenant-theme="ocean"] .member-strip { border-color: #254f6c; border-radius: 14px; background: #254f6c; box-shadow: none; }
html[data-tenant-theme="ocean"] .member-strip div { background: #0b2136; }
html[data-tenant-theme="ocean"] .member-strip b { color: #dff8f4; }
html[data-tenant-theme="ocean"] .member-strip span, html[data-tenant-theme="ocean"] .section-heading span, html[data-tenant-theme="ocean"] .test-card p { color: #9abbd1; }
html[data-tenant-theme="ocean"] .section-heading { padding-bottom: 22px; border-bottom: 1px solid #254f6c; }
html[data-tenant-theme="ocean"] .section-heading p { color: #65e5d8; }
html[data-tenant-theme="ocean"] .section-heading h2 { color: #edfaff; }
html[data-tenant-theme="ocean"] .test-card { border-color: #295873; border-radius: 12px; background: #0b2136; box-shadow: none; }
html[data-tenant-theme="ocean"] .test-card:hover { border-color: #55cbbf; background: #0f2b42; box-shadow: 0 0 0 3px rgba(69, 208, 194, .10); transform: translateY(-4px); }
html[data-tenant-theme="ocean"] .test-card .category { color: #6da3c3; }
html[data-tenant-theme="ocean"] .test-card h3, html[data-tenant-theme="ocean"] .test-card>a { color: #e7f7ff; }
html[data-tenant-theme="ocean"] .test-card>a { border-color: #254f6c; }
html[data-tenant-theme="ocean"] .test-card>a span { border-radius: 7px; background: #277fa1; }
html[data-tenant-theme="ocean"] .notice, html[data-tenant-theme="ocean"] .empty-state { border-color: #285572; background: #0b2136; color: #a6c5d9; }
html[data-tenant-theme="ocean"] .notice b, html[data-tenant-theme="ocean"] .empty-state h2 { color: #e7f7ff; }
html[data-tenant-theme="ocean"] .account-hero, html[data-tenant-theme="ocean"] .profile-hero { border: 1px solid #2f6587; border-radius: 16px; background: linear-gradient(135deg, #0e3149, #0b2136); box-shadow: none; }
html[data-tenant-theme="ocean"] .account-hero h1, html[data-tenant-theme="ocean"] .profile-hero h1, html[data-tenant-theme="ocean"] .profile-panel h2 { color: #effbff; }
html[data-tenant-theme="ocean"] .history-card, html[data-tenant-theme="ocean"] .profile-panel { border-color: #285572; background: #0b2136; }
html[data-tenant-theme="ocean"] .history-card h2, html[data-tenant-theme="ocean"] .history-card h3, html[data-tenant-theme="ocean"] .history-card a { color: #edfaff; }
html[data-tenant-theme="ocean"] .site-footer { border-color: #254f6c; color: #92b3c9; }
@keyframes pulse-grid { 50% { opacity: .42; transform: scale(.96); } }

/* 05 — 暖页静读：纸张、铅字、档案线与克制留白。 */
html[data-tenant-theme="paper"] body { background-color: #f6efdf; background-image: linear-gradient(rgba(111, 85, 53, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(111, 85, 53, .032) 1px, transparent 1px); background-size: 24px 24px; }
html[data-tenant-theme="paper"] .site-header { height: 82px; border-top: 3px solid #4f3c2b; border-bottom: 1px solid #ae9877; }
html[data-tenant-theme="paper"] .brand, html[data-tenant-theme="paper"] .site-nav { font-family: Georgia, "Songti SC", serif; }
html[data-tenant-theme="paper"] .brand { font-size: 14px; letter-spacing: .1em; }
html[data-tenant-theme="paper"] .brand i { width: 14px; height: 14px; border-width: 2px; border-radius: 0; transform: rotate(45deg); }
html[data-tenant-theme="paper"] .nav-login { border-radius: 0; background: transparent !important; }
html[data-tenant-theme="paper"] .hero { min-height: 650px; margin: 38px 0 68px; padding: 74px 88px; overflow: hidden; border-top: 1px solid #a78f6c; border-bottom: 1px solid #a78f6c; grid-template-columns: minmax(0, 1.1fr) minmax(330px, .68fr); background: rgba(255, 250, 240, .67); }
html[data-tenant-theme="paper"] .hero::before { position: absolute; top: 31px; left: 34px; color: #9f8663; content: "自我探索\A ARCHIVE  ·  01"; font: 10px/1.45 Georgia, "Songti SC", serif; letter-spacing: .13em; white-space: pre; writing-mode: vertical-rl; }
html[data-tenant-theme="paper"] .hero-copy { position: relative; z-index: 1; padding-left: 39px; border-left: 1px solid #b49e7e; }
html[data-tenant-theme="paper"] .hero .eyebrow { color: #8c623c; font-family: Georgia, "Songti SC", serif; letter-spacing: .22em; }
html[data-tenant-theme="paper"] .hero h1 { font-family: Georgia, "Songti SC", serif; font-size: clamp(54px, 6vw, 88px); font-weight: 500; letter-spacing: -.07em; }
html[data-tenant-theme="paper"] .hero h1 em { color: #9c613d; }
html[data-tenant-theme="paper"] .lead { max-width: 570px; font-family: Georgia, "Songti SC", serif; line-height: 1.95; }
html[data-tenant-theme="paper"] .primary-action { border-radius: 0; background: #9c613d; box-shadow: 4px 4px 0 #decfae; }
html[data-tenant-theme="paper"] .secondary-action { border-radius: 0; background: transparent; }
html[data-tenant-theme="paper"] .hero-orbit { width: 380px; max-width: 100%; border: 1px solid #9d8767; border-radius: 0; background: #e9dcc3; box-shadow: 12px 12px 0 rgba(155, 121, 80, .16); transform: rotate(-2deg); }
html[data-tenant-theme="paper"] .hero-orbit::before { position: absolute; top: 9%; right: 9%; bottom: 9%; left: 9%; border: 1px solid #b49c78; content: "PERSONAL\A RECORD"; color: #8d7050; display: grid; place-items: center; font: 11px/1.8 Georgia, serif; letter-spacing: .2em; text-align: center; white-space: pre; }
html[data-tenant-theme="paper"] .hero-orbit .orbit { display: none; }
html[data-tenant-theme="paper"] .hero-orbit .planet-core { inset: 33%; border: 1px solid #725534; border-radius: 50%; background: #faf5e8; box-shadow: none; color: #715033; }
html[data-tenant-theme="paper"] .hero-orbit .planet-core strong { font-family: Georgia, serif; }
html[data-tenant-theme="paper"] .hero-orbit .sat { min-width: 64px; height: 28px; border: 1px solid #ab9472; border-radius: 0; background: #fff9ed; box-shadow: none; color: #7d5d3f; font-family: Georgia, "Songti SC", serif; font-size: 10px; }
html[data-tenant-theme="paper"] .member-strip { border-width: 1px 0; border-color: #b6a181; border-radius: 0; background: transparent; box-shadow: none; }
html[data-tenant-theme="paper"] .member-strip div { padding: 25px 24px; background: transparent; }
html[data-tenant-theme="paper"] .member-strip div + div { border-left: 1px solid #d8c9b0; }
html[data-tenant-theme="paper"] .member-strip b, html[data-tenant-theme="paper"] .section-heading h2 { font-family: Georgia, "Songti SC", serif; font-weight: 500; }
html[data-tenant-theme="paper"] .section-heading { padding-bottom: 18px; border-bottom: 2px solid #4e3c2c; }
html[data-tenant-theme="paper"] .section-heading p { color: #9b673e; }
html[data-tenant-theme="paper"] .test-card { min-height: 260px; border: 1px solid #cbb99b; border-radius: 0; background: rgba(255, 251, 241, .88); box-shadow: none; }
html[data-tenant-theme="paper"] .test-card::after { position: absolute; right: 10px; bottom: 10px; left: 10px; height: 3px; background: #e2d4ba; content: ""; }
html[data-tenant-theme="paper"] .test-card:hover { border-color: #93633e; box-shadow: 6px 6px 0 #dbc8a7; transform: translate(-2px, -2px); }
html[data-tenant-theme="paper"] .test-card>a { border-color: #d8c9b0; }
html[data-tenant-theme="paper"] .test-card>a span { border-radius: 0; background: #9b673e; }
html[data-tenant-theme="paper"] .account-hero, html[data-tenant-theme="paper"] .profile-hero { border: 1px solid #b49e7e; border-radius: 0; background: rgba(255, 250, 240, .78); box-shadow: 8px 8px 0 rgba(190, 164, 120, .23); }
html[data-tenant-theme="paper"] .account-hero h1, html[data-tenant-theme="paper"] .profile-hero h1, html[data-tenant-theme="paper"] .profile-panel h2 { font-family: Georgia, "Songti SC", serif; font-weight: 500; }
html[data-tenant-theme="paper"] .history-card, html[data-tenant-theme="paper"] .profile-panel { border-radius: 0; background: rgba(255, 251, 241, .86); }

/* 06 — 原色实验室：高对比海报、实验标签与可见的网格。 */
html[data-tenant-theme="lab"] body { background-color: #f2f1e7; background-image: linear-gradient(90deg, rgba(16, 16, 13, .07) 1px, transparent 1px), linear-gradient(rgba(16, 16, 13, .07) 1px, transparent 1px); background-size: 30px 30px; }
html[data-tenant-theme="lab"] .site-header { width: min(1280px, calc(100% - 40px)); height: 76px; border: 3px solid #10100d; border-top: 0; background: #10100d; }
html[data-tenant-theme="lab"] .brand { color: #edff3b; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 15px; letter-spacing: .11em; }
html[data-tenant-theme="lab"] .brand i { width: 15px; height: 15px; border: 3px solid #edff3b; border-radius: 0; transform: rotate(45deg); }
html[data-tenant-theme="lab"] .site-nav a, html[data-tenant-theme="lab"] .site-nav button { color: #fffdf4; font-weight: 800; }
html[data-tenant-theme="lab"] .site-nav .nav-login { border: 2px solid #edff3b !important; border-radius: 0; background: #edff3b; color: #10100d !important; }
html[data-tenant-theme="lab"] .home-wrap, html[data-tenant-theme="lab"] .account-wrap, html[data-tenant-theme="lab"] .record-wrap { width: min(1280px, calc(100% - 40px)); }
html[data-tenant-theme="lab"] .hero { min-height: 630px; margin: 32px 0 62px; padding: 58px 64px; overflow: hidden; border: 3px solid #10100d; border-radius: 0; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr); background: #edff3b; box-shadow: 10px 10px 0 #ff563a; }
html[data-tenant-theme="lab"] .hero::before { position: absolute; top: 18px; left: 18px; z-index: 2; padding: 5px 8px; border: 2px solid #10100d; background: #fffdf4; color: #10100d; content: "LAB / 06 · SELF EXPLORATION"; font: 800 10px/1 Arial, sans-serif; letter-spacing: .09em; }
html[data-tenant-theme="lab"] .hero-copy { position: relative; z-index: 1; padding-top: 35px; }
html[data-tenant-theme="lab"] .hero .eyebrow { color: #10100d; font-weight: 900; letter-spacing: .16em; }
html[data-tenant-theme="lab"] .hero h1 { max-width: 710px; color: #10100d; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "PingFang SC", sans-serif; font-size: clamp(57px, 6.4vw, 94px); font-weight: 900; letter-spacing: -.065em; text-transform: uppercase; }
html[data-tenant-theme="lab"] .hero h1 em { padding: 0 .06em; background: #ff563a; color: #fffdf4; font-style: normal; }
html[data-tenant-theme="lab"] .lead { max-width: 530px; color: #25251f; font-weight: 650; }
html[data-tenant-theme="lab"] .primary-action { border: 3px solid #10100d; border-radius: 0; background: #10100d; box-shadow: 6px 6px 0 #2d59f5; color: #edff3b; }
html[data-tenant-theme="lab"] .secondary-action { border: 3px solid #10100d; border-radius: 0; background: #fffdf4; color: #10100d; }
html[data-tenant-theme="lab"] .hero-orbit { width: 420px; max-width: 100%; border: 3px solid #10100d; border-radius: 0; background-color: #2d59f5; background-image: linear-gradient(90deg, rgba(255, 253, 244, .24) 1px, transparent 1px), linear-gradient(rgba(255, 253, 244, .24) 1px, transparent 1px); background-size: 26px 26px; box-shadow: 8px 8px 0 #10100d; }
html[data-tenant-theme="lab"] .hero-orbit::before { position: absolute; top: 8%; right: 8%; bottom: 8%; left: 8%; border: 3px solid #10100d; content: "TEST\A SIGNAL"; color: #10100d; display: grid; place-items: center; font: 900 12px/1.2 Arial, sans-serif; letter-spacing: .12em; text-align: center; white-space: pre; }
html[data-tenant-theme="lab"] .hero-orbit .orbit { display: none; }
html[data-tenant-theme="lab"] .hero-orbit .planet-core { inset: 34%; border: 3px solid #10100d; border-radius: 0; background: #edff3b; box-shadow: 7px 7px 0 #ff563a; color: #10100d; }
html[data-tenant-theme="lab"] .hero-orbit .planet-core strong { font-family: Impact, Arial Black, sans-serif; }
html[data-tenant-theme="lab"] .hero-orbit .sat { min-width: 72px; height: 31px; border: 2px solid #10100d; border-radius: 0; background: #fffdf4; box-shadow: 3px 3px 0 #10100d; color: #10100d; font-size: 10px; font-weight: 900; }
html[data-tenant-theme="lab"] .sat-a { top: 5%; left: 42%; }
html[data-tenant-theme="lab"] .sat-b { top: 46%; right: -7%; }
html[data-tenant-theme="lab"] .sat-c { bottom: 7%; left: 39%; }
html[data-tenant-theme="lab"] .sat-d { top: 46%; left: -7%; }
html[data-tenant-theme="lab"] .member-strip { gap: 0; border: 3px solid #10100d; border-radius: 0; background: #10100d; box-shadow: none; }
html[data-tenant-theme="lab"] .member-strip div { padding: 25px; background: #fffdf4; }
html[data-tenant-theme="lab"] .member-strip div:nth-child(2) { background: #ff563a; }
html[data-tenant-theme="lab"] .member-strip div:nth-child(3) { background: #2d59f5; color: #fffdf4; }
html[data-tenant-theme="lab"] .member-strip div:nth-child(3) span { color: #e1e5ff; }
html[data-tenant-theme="lab"] .member-strip b { font-size: 17px; }
html[data-tenant-theme="lab"] .section-heading { padding: 24px; border: 3px solid #10100d; background: #fffdf4; }
html[data-tenant-theme="lab"] .section-heading p { color: #ff563a; font-weight: 900; }
html[data-tenant-theme="lab"] .section-heading h2 { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(38px, 4.2vw, 58px); letter-spacing: -.04em; }
html[data-tenant-theme="lab"] .section-heading span { color: #36362f; font-weight: 650; }
html[data-tenant-theme="lab"] .test-grid { gap: 0; border: 3px solid #10100d; border-top: 0; }
html[data-tenant-theme="lab"] .test-card { min-height: 264px; border: 0; border-right: 3px solid #10100d; border-bottom: 3px solid #10100d; border-radius: 0; background: #fffdf4; box-shadow: none; }
html[data-tenant-theme="lab"] .test-card:nth-child(3n + 2) { background: #bfe9ff; }
html[data-tenant-theme="lab"] .test-card:nth-child(3n) { background: #ffd1c8; border-right: 0; }
html[data-tenant-theme="lab"] .test-card:nth-last-child(-n + 3) { border-bottom: 0; }
html[data-tenant-theme="lab"] .test-card:hover { z-index: 1; background: #edff3b; box-shadow: inset 0 0 0 3px #10100d; transform: none; }
html[data-tenant-theme="lab"] .test-card small { color: #ff563a; font-weight: 900; }
html[data-tenant-theme="lab"] .test-card .category { color: #393933; font-weight: 800; }
html[data-tenant-theme="lab"] .test-card>a { border-color: #10100d; color: #10100d; }
html[data-tenant-theme="lab"] .test-card>a span { border-radius: 0; background: #10100d; color: #edff3b; }
html[data-tenant-theme="lab"] .notice, html[data-tenant-theme="lab"] .empty-state { border: 3px solid #10100d; border-radius: 0; background: #fffdf4; color: #303029; }
html[data-tenant-theme="lab"] .notice b, html[data-tenant-theme="lab"] .empty-state h2 { color: #10100d; }
html[data-tenant-theme="lab"] .account-hero, html[data-tenant-theme="lab"] .profile-hero { border: 3px solid #10100d; border-radius: 0; background: #edff3b; box-shadow: 9px 9px 0 #2d59f5; }
html[data-tenant-theme="lab"] .history-card, html[data-tenant-theme="lab"] .profile-panel { border: 3px solid #10100d; border-radius: 0; background: #fffdf4; box-shadow: 6px 6px 0 #ff563a; }
html[data-tenant-theme="lab"] .site-footer { border-color: #10100d; color: #393933; font-weight: 700; }

@media (max-width: 900px) {
  html[data-tenant-theme="forest"] .hero, html[data-tenant-theme="paper"] .hero { padding: 64px 42px; }
  html[data-tenant-theme="sunset"] .hero { grid-template-columns: 1fr; }
  html[data-tenant-theme="sunset"] .hero-copy { min-height: 470px; }
  html[data-tenant-theme="sunset"] .hero-orbit { display: none; }
  html[data-tenant-theme="ocean"] .hero { padding: 48px 42px; }
  html[data-tenant-theme="lab"] .hero { padding: 54px 42px; }
}

@media (max-width: 760px) {
  html[data-tenant-theme="forest"] .site-header, html[data-tenant-theme="sunset"] .site-header { height: 76px; }
  html[data-tenant-theme="forest"] .hero, html[data-tenant-theme="paper"] .hero, html[data-tenant-theme="ocean"] .hero { margin-top: 20px; padding: 54px 28px; }
  html[data-tenant-theme="lab"] .hero { margin-top: 20px; padding: 58px 27px 34px; grid-template-columns: 1fr; }
  html[data-tenant-theme="forest"] .hero-copy, html[data-tenant-theme="paper"] .hero-copy { padding-left: 19px; }
  html[data-tenant-theme="forest"] .hero-orbit, html[data-tenant-theme="paper"] .hero-orbit, html[data-tenant-theme="ocean"] .hero-orbit { display: none; }
  html[data-tenant-theme="lab"] .hero-orbit { display: none; }
  html[data-tenant-theme="sunset"] .hero { min-height: 560px; margin-top: 18px; }
  html[data-tenant-theme="sunset"] .hero-copy { min-height: 560px; padding: 70px 28px 58px 64px; }
  html[data-tenant-theme="sunset"] .hero-copy::before { top: 52px; left: 22px; }
  html[data-tenant-theme="forest"] .member-strip, html[data-tenant-theme="sunset"] .member-strip, html[data-tenant-theme="paper"] .member-strip { grid-template-columns: 1fr; gap: 0; }
  html[data-tenant-theme="forest"] .member-strip div + div, html[data-tenant-theme="sunset"] .member-strip div + div, html[data-tenant-theme="paper"] .member-strip div + div { border-left: 0; }
  html[data-tenant-theme="ocean"] .site-header, html[data-tenant-theme="ocean"] .home-wrap, html[data-tenant-theme="ocean"] .account-wrap, html[data-tenant-theme="ocean"] .record-wrap { width: min(100% - 28px, 1280px); }
  html[data-tenant-theme="lab"] .site-header, html[data-tenant-theme="lab"] .home-wrap, html[data-tenant-theme="lab"] .account-wrap, html[data-tenant-theme="lab"] .record-wrap { width: min(100% - 28px, 1280px); }
  html[data-tenant-theme="lab"] .test-grid { grid-template-columns: 1fr; }
  html[data-tenant-theme="lab"] .test-card, html[data-tenant-theme="lab"] .test-card:nth-last-child(-n + 3) { border-right: 0; border-bottom: 3px solid #10100d; }
  html[data-tenant-theme="lab"] .test-card:last-child { border-bottom: 0; }
}