:root { --screen:#071018; --panel:#0d1a24; --panel-soft:#122435; --text:#ecf6fb; --muted:#92a9ba; --dim:#587184; --line:rgba(171,220,248,.22); --blue:#75d7ff; --blue-deep:#2f8eb8; --red:#f26b66; --serif:"STSong", "Songti SC", "Noto Serif CJK SC", serif; --sans:"PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif; --mono:ui-monospace, "SFMono-Regular", Menlo, monospace; } * { box-sizing:border-box; } html { background:var(--screen); } body { margin:0; color:var(--text); background:radial-gradient(ellipse 75% 46% at 52% -13%, rgba(66,154,195,.2), transparent 66%), linear-gradient(130deg, #071018, #091722 55%, #071018); font:16px/1.8 var(--sans); } body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.36; background:repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 4px), linear-gradient(90deg, transparent 0 49.9%, rgba(117,215,255,.04) 50%, transparent 50.1%); background-size:auto, 84px 84px; } button,input { font:inherit; } button { cursor:pointer; }
.case-intro { position:fixed; z-index:100; inset:0; overflow:hidden; color:#eaf7fa; background:#061018; }.case-intro-grid { position:absolute; inset:0; opacity:.78; background:radial-gradient(circle at 75% 11%, rgba(65,174,201,.18), transparent 25%), linear-gradient(90deg, rgba(101,207,229,.045) 1px, transparent 1px), linear-gradient(rgba(101,207,229,.035) 1px, transparent 1px); background-size:auto, 48px 48px, 48px 48px; }.case-intro-grid::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(0deg, rgba(224,250,255,.026) 0 1px, transparent 1px 5px); }.case-intro-header { position:absolute; z-index:1; top:0; right:0; left:0; display:flex; justify-content:space-between; padding:20px clamp(20px, 5vw, 72px); color:rgba(213,243,247,.6); border-bottom:1px solid rgba(164,225,238,.16); font:10px var(--mono); letter-spacing:.14em; }.case-intro-header span:last-child { display:inline-flex; align-items:center; gap:8px; color:rgba(245,203,146,.86); }.case-intro-header i { width:6px; height:6px; border-radius:50%; background:#f6c777; box-shadow:0 0 12px rgba(246,199,119,.8); }.case-intro-shell { position:relative; z-index:1; display:grid; grid-template-columns:minmax(72px, 11vw) minmax(0, 700px); justify-content:center; height:100%; gap:clamp(24px, 5vw, 72px); padding:74px clamp(20px, 8vw, 12rem) 55px; }.case-intro-rail { display:grid; align-content:start; gap:10px; padding-top:38px; color:rgba(187,234,242,.4); font:10px var(--mono); letter-spacing:.14em; }.case-intro-rail strong { color:#85e4e6; font-size:clamp(38px, 5vw, 64px); font-weight:400; letter-spacing:-.08em; }.case-intro-rail i { width:1px; height:min(15vh, 112px); margin:8px 0; background:linear-gradient(#7ee7e1, transparent); }.case-intro-copy { height:100%; padding:38px clamp(0px, 2vw, 28px) 8rem 0; overflow:auto; scrollbar-color:rgba(126,231,225,.45) transparent; outline:0; }.case-intro-copy:focus-visible { outline:1px solid rgba(126,231,225,.7); outline-offset:8px; }.case-intro-kicker { margin:0 0 24px; color:#85ded9; font:10px var(--mono); letter-spacing:.18em; }.case-intro-copy h1 { margin:0 0 24px; color:#f5ffff; font:400 clamp(38px, 5vw, 66px)/1 var(--serif); letter-spacing:.06em; }.case-intro-copy > p { max-width:35em; margin:0 0 1.15em; color:rgba(232,247,249,.8); font:400 clamp(16px, 1.35vw, 20px)/1.95 var(--serif); letter-spacing:.055em; }.case-intro-copy > .case-intro-question { margin:1.9em 0; color:#b9f8f2; font-size:clamp(20px, 1.8vw, 26px); letter-spacing:.08em; }.case-intro-copy > .case-intro-turn { margin:2.3em 0 1.4em; color:#f6c777; font-size:clamp(22px, 2vw, 30px); }.case-intro-copy > .case-intro-final { margin-top:1.7em; color:#f4ffff; font-size:clamp(21px, 1.8vw, 28px); line-height:1.7; }.case-intro-notice { display:grid; gap:11px; max-width:620px; margin:2.1em 0; padding:22px 25px; border:1px solid rgba(246,199,119,.38); border-left:3px solid #f6c777; background:linear-gradient(90deg, rgba(104,70,38,.23), rgba(8,20,26,.25)); }.case-intro-notice > span { color:rgba(246,211,155,.7); font:10px var(--mono); letter-spacing:.14em; }.case-intro-notice strong { color:#fff4e0; font:500 clamp(17px, 1.45vw, 21px)/1.75 var(--serif); letter-spacing:.05em; }.case-intro-notice p { margin:0; color:rgba(255,228,193,.78); font:15px var(--serif); letter-spacing:.05em; }.case-intro-choice { margin-top:3.3em; padding-top:21px; border-top:1px solid rgba(180,236,235,.21); }.case-intro-choice > p { margin:0 0 14px; color:rgba(219,244,243,.62); font:11px var(--mono); letter-spacing:.16em; }.case-intro-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.case-intro-actions button { display:grid; grid-template-columns:auto 1fr auto; align-items:center; min-height:56px; gap:10px; padding:0 16px; color:#e9fbfa; border:1px solid rgba(158,232,229,.36); background:rgba(133,221,216,.07); font:15px var(--sans); letter-spacing:.08em; text-align:left; transition:.2s ease; }.case-intro-actions button span { color:rgba(157,231,228,.64); font:10px var(--mono); }.case-intro-actions button b { color:#8ce8e3; font-size:18px; font-weight:400; }.case-intro-actions button:hover,.case-intro-actions button:focus-visible { color:#fff; border-color:#8ce8e3; outline:0; background:rgba(123,228,222,.15); box-shadow:0 0 0 4px rgba(123,228,222,.08); transform:translateY(-2px); }.case-intro-actions button:last-child { color:rgba(249,235,213,.9); border-color:rgba(246,199,119,.3); }.case-intro-actions button:last-child b { color:#f6c777; }.case-intro-actions button:last-child:hover,.case-intro-actions button:last-child:focus-visible { border-color:#f6c777; background:rgba(246,199,119,.1); box-shadow:0 0 0 4px rgba(246,199,119,.07); }.case-intro-help { position:absolute; z-index:1; bottom:18px; left:50%; margin:0; color:rgba(215,244,243,.35); transform:translateX(-50%); font:9px var(--mono); letter-spacing:.09em; white-space:nowrap; }.case-intro.is-declined .case-intro-copy > :not(.case-intro-choice) { display:none; }.case-intro.is-declined .case-intro-choice { max-width:620px; margin-top:22vh; border-top:0; }.case-intro.is-declined .case-intro-choice::before { content:"协查邀请已归档。"; display:block; margin-bottom:14px; color:#fff4e0; font:400 clamp(24px,3vw,38px)/1.4 var(--serif); letter-spacing:.08em; }.case-intro.is-declined .case-intro-choice > p { color:rgba(232,247,249,.68); font:14px/1.7 var(--serif); letter-spacing:.04em; }.case-intro.is-declined .case-intro-choice > p::after { content:"你没有点开附件，顾权衡的死暂时只是新闻里的一行字。"; }.case-intro.is-declined .case-intro-actions button:first-child { grid-column:1 / -1; }.case-intro.is-declined .case-intro-actions button:first-child span { display:none; }.case-intro.is-declined .case-intro-actions button:first-child { grid-template-columns:1fr auto; }.case-intro.is-declined .case-intro-actions button:last-child { display:none; }
.site-header { border-bottom:1px solid var(--line); background:rgba(7,16,24,.78); box-shadow:0 1px 22px rgba(79,193,246,.08); backdrop-filter:blur(10px); }.utility-bar { display:flex; justify-content:space-between; width:min(1180px, calc(100% - 34px)); margin:0 auto; padding:9px 0; color:var(--dim); border-bottom:1px solid rgba(171,220,248,.1); font:10px var(--mono); letter-spacing:.08em; }.utility-bar i,.caption i { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:var(--red); box-shadow:0 0 9px var(--red); vertical-align:middle; }.news-search-strip { width:min(1180px, calc(100% - 34px)); margin:0 auto; padding:11px 0 0; }.news-header-search { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; max-width:430px; margin-left:auto; border:1px solid rgba(117,215,255,.28); background:rgba(4,14,22,.56); }.news-header-search label { display:grid; grid-template-columns:auto minmax(0, 1fr); align-items:center; min-width:0; }.news-header-search label span { padding-left:12px; color:#6da6be; font:9px var(--mono); letter-spacing:.08em; white-space:nowrap; }.news-header-search input { min-width:0; width:100%; padding:9px 10px; color:var(--text); border:0; outline:0; background:transparent; font:12px var(--sans); }.news-header-search input::placeholder { color:#557487; }.news-header-search input:focus { background:rgba(84,190,229,.07); }.news-header-search button { align-self:stretch; padding:0 14px; color:#071018; border:0; background:#84dcf5; font:700 11px var(--sans); }.news-header-search button:hover { background:#b4edff; }.masthead { width:min(1180px, calc(100% - 34px)); margin:0 auto; padding:20px 0 16px; text-align:center; }.masthead a { color:var(--text); font:800 clamp(30px, 7vw, 48px)/1 var(--serif); letter-spacing:-.075em; text-decoration:none; }.masthead a span { margin-left:9px; color:var(--blue); font:600 .62em var(--sans); letter-spacing:.12em; }.masthead p { margin:7px 0 0; color:var(--dim); font:9px var(--mono); letter-spacing:.21em; }.site-header nav { display:flex; justify-content:center; gap:27px; overflow:auto; padding:10px 17px; border-top:1px solid rgba(171,220,248,.11); }.site-header nav a { flex:0 0 auto; color:var(--muted); font-size:13px; text-decoration:none; }.site-header nav a:first-child { color:var(--blue); }
.news-layout { display:grid; grid-template-columns:minmax(0, 720px) 245px; gap:62px; width:min(1100px, calc(100% - 34px)); margin:43px auto 68px; }.story { min-width:0; }.breadcrumb,.section-label { margin:0; color:var(--blue); font:10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.breadcrumb span { margin:0 6px; color:var(--dim); }.breadcrumb b { float:right; color:var(--dim); font-weight:400; }.breaking { width:max-content; margin:25px 0 11px; padding:3px 8px; color:#fff; background:var(--red); font:11px var(--sans); font-weight:700; letter-spacing:.08em; }.story h1 { margin:0; color:#f6fbff; font:900 clamp(40px, 6.5vw, 72px)/1.1 var(--serif); letter-spacing:-.075em; text-shadow:0 0 28px rgba(155,221,255,.1); }.dek { max-width:660px; margin:22px 0; color:#c6d9e5; font:500 20px/1.6 var(--serif); }.byline { display:flex; justify-content:space-between; gap:15px; padding:13px 0; border-top:1px solid var(--line); border-bottom:1px solid rgba(171,220,248,.14); color:var(--muted); font-size:11px; }.story-image { position:relative; display:flex; align-items:flex-end; min-height:276px; margin-top:25px; padding:21px; overflow:hidden; color:#e7f7ff; border:1px solid var(--line); background:linear-gradient(120deg, rgba(6,23,38,.1), rgba(3,15,25,.84)), linear-gradient(130deg, #7ac2dc 0 21%, #31536b 21% 52%, #14293b 52%); box-shadow:inset 0 0 50px rgba(129,222,255,.1), 0 15px 34px rgba(0,0,0,.24); }.story-image::before { content:""; position:absolute; width:150%; height:75%; left:-24%; top:-4%; transform:rotate(-8deg); opacity:.7; background:repeating-linear-gradient(90deg, transparent 0 23px, rgba(216,252,255,.4) 24px 25px), linear-gradient(145deg, transparent 0 45%, rgba(166,231,255,.65) 46% 54%, transparent 55%); }.story-image::after { content:"LIVE / CITY IMAGE"; position:absolute; top:12px; right:13px; color:rgba(232,253,255,.8); font:9px var(--mono); letter-spacing:.08em; }.story-image span { position:relative; font:700 25px/.95 var(--mono); letter-spacing:-.08em; }.caption { margin:7px 0 30px; color:var(--dim); font-size:11px; }.story-copy { font:18px/1.92 var(--serif); }.story-copy p { margin:0 0 23px; color:#e0edf4; }.inline-link,.result-body button { display:inline; padding:0; color:inherit; background:transparent; border:0; font:inherit; font-weight:inherit; text-align:inherit; }.inline-link:hover,.result-body button:hover { color:inherit; }
.related-search { margin-top:49px; padding:25px 22px 23px; border:1px solid var(--line); background:linear-gradient(135deg, rgba(39,106,140,.18), rgba(12,28,40,.45)); }.related-search h2 { margin:5px 0 17px; color:#f2faff; font:700 27px/1.3 var(--serif); letter-spacing:-.04em; }.search-form { display:grid; grid-template-columns:1fr auto; border:1px solid rgba(180,230,255,.46); background:rgba(3,14,21,.55); }.search-form input { min-width:0; padding:13px; color:var(--text); background:transparent; border:0; outline:none; }.search-form input::placeholder { color:var(--dim); }.search-form button { padding:0 18px; color:#05121a; background:var(--blue); border:0; font-size:13px; font-weight:700; }.result-panel { margin-top:22px; border:1px solid var(--line); background:var(--panel); box-shadow:0 14px 35px rgba(0,0,0,.2); }.result-head { display:flex; justify-content:space-between; gap:12px; padding:10px 14px; color:var(--blue); background:#08141f; border-bottom:1px solid var(--line); font:10px var(--mono); letter-spacing:.08em; }.result-body { padding:22px 20px; }.result-body h2 { margin:0 0 4px; color:#fff; font:700 30px/1.3 var(--serif); letter-spacing:-.05em; }.result-body .record-type { margin:0 0 19px; color:var(--blue); font-size:12px; }.result-body p { margin:0 0 16px; color:#d7e5ee; }.result-body ul { margin:0 0 16px; padding-left:20px; }.result-body li { margin:4px 0; color:#d7e5ee; }.failure { border-color:rgba(242,107,102,.72); }.failure .result-head { color:#ffd4d1; background:rgba(168,55,50,.6); }.failure h2 { font-size:24px; }.failure p { color:var(--muted); }
.sidebar { align-self:start; position:sticky; top:18px; padding-top:2px; }.sidebar section { padding:17px 0 21px; border-top:2px solid var(--blue); }.sidebar dl { margin:14px 0 0; }.sidebar dl div { padding:9px 0; border-bottom:1px solid rgba(171,220,248,.13); }.sidebar dt { color:var(--dim); font-size:11px; }.sidebar dd { margin:2px 0 0; color:#eef9ff; font:600 14px/1.45 var(--serif); }.sidebar-rule { margin-top:31px; border-top-color:rgba(171,220,248,.25) !important; }.sidebar-rule p:last-child { color:var(--muted); font-size:12px; line-height:1.7; }.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; } footer { padding:22px 17px 34px; border-top:1px solid var(--line); color:var(--dim); text-align:center; font:10px var(--mono); letter-spacing:.06em; } footer span { color:var(--blue); }

/* 所有文字保持正文外观。玩家划选后，才会出现资料查阅提示。 */
.inline-link,.result-body button { border:0; cursor:text; user-select:text; -webkit-user-select:text; }
.inline-link:hover,.result-body button:hover { color:inherit; border:0; }

.selection-prompt { position:fixed; z-index:20; min-width:184px; padding:4px; border:1px solid rgba(158,222,255,.55); background:rgba(7,20,31,.96); box-shadow:0 10px 24px rgba(0,0,0,.38), 0 0 18px rgba(79,192,246,.16); backdrop-filter:blur(12px); }.selection-prompt button { width:100%; padding:9px 11px; color:#e9f8ff; background:transparent; border:0; text-align:left; font:11px var(--mono); letter-spacing:.05em; }.selection-prompt button span { float:right; color:var(--blue); font-size:15px; line-height:.7; }
.detail-page { min-height:100dvh; color:#202124; background:#fff; font-family:Arial, "PingFang SC", "Noto Sans CJK SC", sans-serif; }.detail-page::before { display:none; }.browser-shell { width:min(980px, 100%); min-height:100dvh; margin:0 auto; padding:18px 34px 70px; }.browser-chrome { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:15px; padding-bottom:16px; border-bottom:1px solid #e1e4e8; }.back-link { color:#5f6368; font-size:12px; text-decoration:none; }.back-link:hover { color:#1a73e8; }.address-bar { overflow:hidden; padding:10px 14px; color:#5f6368; border:1px solid #dfe1e5; border-radius:24px; background:#f1f3f4; white-space:nowrap; text-overflow:ellipsis; font:12px Arial, sans-serif; }.lock { margin-right:8px; color:#188038; font-size:9px; }.browser-status { color:#5f6368; font:11px Arial, sans-serif; }.browser-title { max-width:670px; padding:48px 0 25px; }.browser-title p { margin:0 0 7px; color:#70757a; font:12px Arial, sans-serif; letter-spacing:0; }.browser-title h1 { margin:0; color:#202124; font:400 clamp(29px, 7vw, 45px)/1.18 Arial, "PingFang SC", sans-serif; letter-spacing:-.04em; }.browser-shell .result-panel { max-width:670px; margin:0; border:0; background:transparent; box-shadow:none; }.detail-page .result-head { display:block; padding:0; color:#202124; border:0; background:transparent; font:13px/1.5 Arial, "PingFang SC", sans-serif; letter-spacing:0; }.detail-page .result-head span { display:block; }.detail-page .result-head span:first-child { color:#202124; }.detail-page .result-head span:last-child { overflow:hidden; color:#188038; text-overflow:ellipsis; white-space:nowrap; }.detail-page .result-body { padding:3px 0 0; }.detail-page .result-body h2 { margin:0 0 5px; color:#1a0dab; font:400 24px/1.32 Arial, "PingFang SC", sans-serif; letter-spacing:0; }.detail-page .result-body h2:hover { text-decoration:underline; }.detail-page .result-body .record-type { margin:0 0 8px; color:#70757a; font:14px/1.58 Arial, "PingFang SC", sans-serif; }.detail-page .result-body p { margin:0 0 10px; color:#4d5156; font:14px/1.62 Arial, "PingFang SC", sans-serif; }.detail-page .result-body ul { margin:0 0 10px; padding-left:20px; color:#4d5156; font-size:14px; }.detail-page .result-body li { margin:3px 0; color:#4d5156; }.detail-page .result-body button { color:inherit; border:0; font:inherit; }.detail-page .result-body b { color:#202124; }.detail-page .failure { padding:17px 0; border:0; }.detail-page .failure .result-head { color:#70757a; background:transparent; }.detail-page .failure h2 { color:#202124; font-size:22px; text-decoration:none; }.detail-page .failure p { color:#70757a; }.detail-page .selection-prompt { border-color:#dfe1e5; background:#fff; box-shadow:0 2px 10px rgba(60,64,67,.24); }.detail-page .selection-prompt button { color:#202124; font-family:Arial, sans-serif; }.detail-page .selection-prompt button span { color:#1a73e8; }.browser-footnote { max-width:670px; margin:34px 0 0; padding-top:15px; color:#70757a; border-top:1px solid #e8eaed; font:12px Arial, sans-serif; }
@media (max-width:760px) { .utility-bar span:first-child { display:none; }.utility-bar { justify-content:center; gap:12px; }.news-search-strip { padding-top:8px; }.news-header-search { max-width:none; }.news-header-search label span { padding-left:9px; font-size:8px; }.news-header-search button { padding:0 12px; }.site-header nav { justify-content:flex-start; gap:22px; }.news-layout { display:block; width:min(100% - 34px, 680px); margin-top:32px; }.breadcrumb b { display:none; }.story h1 { font-size:clamp(39px, 12vw, 58px); }.dek { font-size:18px; }.byline { display:block; }.byline time { display:block; margin-top:4px; }.story-image { min-height:220px; }.story-copy { font-size:17px; }.related-search { padding:22px 17px; }.sidebar { position:static; margin-top:50px; }.sidebar-rule { margin-top:22px; }.browser-shell { padding:14px 18px 55px; }.browser-chrome { grid-template-columns:auto minmax(0, 1fr); gap:10px; }.browser-status { display:none; }.browser-title { padding:37px 0 22px; }.detail-page .result-body h2 { font-size:22px; } }

/* 资料页保持与报道一致的城市夜间色调，但采用搜索引擎式的轻量结果层级。 */
.detail-page { color:var(--text); background:radial-gradient(ellipse 70% 42% at 50% -12%, rgba(72,162,206,.25), transparent 68%), linear-gradient(130deg, #071018, #0b1b28 58%, #071018); font-family:var(--sans); }.browser-shell { width:min(920px, calc(100% - 34px)); padding-top:27px; }.browser-chrome { grid-template-columns:auto minmax(0, 1fr) auto; gap:15px; padding:12px; border:1px solid rgba(169,222,249,.17); border-radius:25px; background:rgba(11,29,42,.72); box-shadow:0 1px 2px rgba(0,0,0,.3), 0 5px 9px rgba(0,0,0,.22), 0 14px 25px rgba(0,0,0,.13), inset 0 1px 1px rgba(255,255,255,.13); backdrop-filter:blur(14px); }.back-link { color:var(--muted); padding:0 5px; font:12px var(--sans); }.back-link:hover { color:var(--blue); }.address-bar { padding:12px 15px; color:#d7eaf4; border:1px solid rgba(180,230,255,.16); border-radius:999px; background:rgba(1,10,16,.45); font:12px var(--mono); box-shadow:inset 0 1px 1px rgba(255,255,255,.05); }.lock { color:var(--blue); font-size:15px; }.browser-status { padding:7px 10px; color:var(--blue); border-radius:999px; background:rgba(117,215,255,.1); font:10px var(--mono); }.browser-title { max-width:690px; padding:58px 0 29px; }.browser-title p { margin:0 0 7px; color:var(--blue); font:10px var(--mono); letter-spacing:.12em; }.browser-title h1 { margin:0; color:#fff; font:800 clamp(39px, 9vw, 62px)/1.08 var(--serif); letter-spacing:-.07em; }.browser-shell .result-panel { max-width:690px; margin:0; border:0; background:transparent; box-shadow:none; }.detail-page .result-head { display:flex; gap:5px; padding:0; color:var(--muted); border:0; background:transparent; font:11px var(--mono); letter-spacing:.03em; }.detail-page .result-head span { display:inline; }.detail-page .result-head span:first-child { color:var(--blue); }.detail-page .result-head span:first-child::after { content:" /"; color:var(--dim); }.detail-page .result-head span:last-child { overflow:visible; color:var(--dim); white-space:normal; }.detail-page .result-body { padding:8px 0 0; }.detail-page .result-body h2 { margin:0 0 8px; color:#fff; font:700 31px/1.22 var(--serif); letter-spacing:-.055em; }.detail-page .result-body h2:hover { color:var(--blue); text-decoration:none; }.detail-page .result-body .record-type { margin:0 0 16px; color:#b6d1de; font:14px/1.6 var(--sans); }.detail-page .result-body p { margin:0 0 14px; color:#cfdee7; font:15px/1.76 var(--sans); }.detail-page .result-body ul { margin:0 0 14px; color:#cfdee7; font-size:15px; }.detail-page .result-body li { color:#cfdee7; }.detail-page .result-body b { color:#fff; }.detail-page .failure { padding:18px 0; border:0; }.detail-page .failure .result-head { color:var(--coral); background:transparent; }.detail-page .failure h2 { color:#fff; font-size:25px; }.detail-page .failure p { color:var(--muted); }.browser-footnote { max-width:690px; margin:37px 0 0; padding-top:15px; color:var(--dim); border-top:1px solid rgba(171,220,248,.16); font:11px var(--sans); }
.selection-prompt { left:50%; top:auto; bottom:calc(16px + env(safe-area-inset-bottom, 0px)); transform:translateX(-50%); min-width:0; max-width:min(290px, calc(100vw - 24px)); padding:0; border:0; border-radius:999px; background:#eafaff; box-shadow:0 1px 2px rgba(5,26,36,.1), 0 4px 4px rgba(5,26,36,.09), 0 9px 6px rgba(5,26,36,.05), 0 17px 12px rgba(0,0,0,.18), inset 0 2px 8px rgba(255,255,255,.72); overflow:hidden; }.selection-prompt button { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:11px 16px; color:#0b2734; font:600 12px var(--sans); letter-spacing:0; white-space:nowrap; }.selection-prompt button b { color:#0b2734; font:17px/1 var(--serif); }.selection-prompt button span { float:none; color:inherit; font-size:inherit; line-height:inherit; overflow:hidden; text-overflow:ellipsis; }.detail-page .selection-prompt { border:0; background:#eafaff; box-shadow:0 1px 2px rgba(5,26,36,.1), 0 4px 4px rgba(5,26,36,.09), 0 9px 6px rgba(5,26,36,.05), 0 17px 12px rgba(0,0,0,.18), inset 0 2px 8px rgba(255,255,255,.72); }.detail-page .selection-prompt button { color:#0b2734; font-family:var(--sans); }.detail-page .selection-prompt button b { color:#0b2734; }

.access-gate { margin-top:25px; padding:17px; border:1px solid rgba(117,215,255,.25); background:linear-gradient(135deg, rgba(78,164,205,.13), rgba(4,15,24,.3)); box-shadow:inset 0 1px 0 rgba(230,251,255,.08); }.detail-page .access-gate p { margin-bottom:10px; font-size:13px; line-height:1.65; }.access-gate .access-gate-label { color:var(--blue); font:11px var(--mono); letter-spacing:.08em; }.access-form { display:flex; gap:9px; margin-top:14px; }.access-form input { width:132px; padding:9px 11px; color:#fff; border:1px solid rgba(171,220,248,.36); border-radius:4px; outline:0; background:rgba(2,14,22,.68); font:14px var(--mono); letter-spacing:.12em; }.access-form input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(117,215,255,.12); }.access-form button { padding:8px 15px; color:#06202c; border:0; border-radius:4px; background:var(--blue); font:700 12px var(--sans); }.detail-page .gate-feedback { margin:11px 0 0; color:var(--dim); font-size:12px; }.detail-page .gate-feedback.verified { color:#8ee7bd; }.home-archive { margin-top:14px; padding:12px; border-left:2px solid #8ee7bd; background:rgba(86,205,149,.08); }.detail-page .home-archive p { margin:0; color:#d9eee3; }

.profile-card { display:grid; grid-template-columns:minmax(0, 190px) minmax(0, 1fr); gap:18px; margin:3px 0 24px; padding:14px; border:1px solid rgba(117,215,255,.22); background:linear-gradient(135deg, rgba(68,156,197,.15), rgba(4,15,24,.22)); box-shadow:inset 0 1px 0 rgba(238,253,255,.08); }.profile-portrait { position:relative; margin:0; overflow:hidden; border:1px solid rgba(158,221,250,.29); background:#07111a; aspect-ratio:2 / 3; }.profile-portrait::after { content:"ARCHIVE / 2086"; position:absolute; top:8px; left:8px; padding:3px 5px; color:#d9f5ff; background:rgba(3,17,27,.72); font:8px var(--mono); letter-spacing:.08em; }.profile-portrait img { display:block; width:100%; height:100%; object-fit:cover; }.profile-portrait figcaption { position:absolute; right:0; bottom:0; left:0; padding:8px 9px; color:#b5cfdd; background:linear-gradient(transparent, rgba(3,13,21,.92)); font:9px/1.5 var(--mono); letter-spacing:.04em; }.profile-summary { min-width:0; }.detail-page .profile-summary .record-type { margin:0 0 12px; color:var(--blue); }.profile-summary dl { margin:0; }.profile-summary dl div { display:grid; grid-template-columns:76px minmax(0, 1fr); gap:8px; padding:6px 0; border-bottom:1px solid rgba(171,220,248,.14); }.profile-summary dt { color:var(--dim); font:11px var(--sans); }.profile-summary dd { margin:0; color:#e4f1f7; font:13px var(--sans); }.detail-page .profile-note { margin:12px 0 0; color:var(--muted); font-size:11px; line-height:1.62; }.detail-page .profile-card + p { margin-top:0; } @media (max-width:480px) { .profile-card { grid-template-columns:132px minmax(0, 1fr); gap:12px; padding:11px; }.profile-summary dl div { grid-template-columns:1fr; gap:1px; padding:5px 0; }.profile-summary dd { font-size:12px; }.profile-portrait figcaption { padding:6px; font-size:8px; } }

/* 开场只呈现报道本身，不替玩家归纳或标记案件信息。 */
.news-layout { display:block; width:min(720px, calc(100% - 34px)); }

.person-feature { position:relative; margin:2px 0 20px; overflow:hidden; border:1px solid rgba(117,215,255,.22); background:#06111a; box-shadow:inset 0 1px 0 rgba(232,253,255,.08); }.person-feature img { display:block; width:100%; max-height:440px; object-fit:cover; object-position:center 24%; filter:saturate(.86) contrast(1.03); }.person-feature figcaption { padding:9px 11px; color:var(--muted); border-top:1px solid rgba(171,220,248,.15); background:rgba(4,15,23,.8); font:10px/1.55 var(--sans); }.detail-page .person-feature + .record-type { margin-bottom:17px; }

.birthday-photo { margin:2px 0 20px; overflow:hidden; border:1px solid rgba(117,215,255,.22); background:#06111a; box-shadow:inset 0 1px 0 rgba(232,253,255,.08); }.birthday-photo img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; }.birthday-photo figcaption { padding:9px 11px; color:var(--muted); border-top:1px solid rgba(171,220,248,.15); background:rgba(4,15,23,.8); font:10px/1.55 var(--sans); }.detail-page .birthday-photo + .record-type { margin-bottom:17px; }
.city-news-figure { position:relative; margin:2px 0 20px; overflow:hidden; border:1px solid rgba(117,215,255,.22); background:#06111a; box-shadow:inset 0 1px 0 rgba(232,253,255,.08); }.city-news-figure::before { content:"CITY ARCHIVE"; position:absolute; z-index:1; top:9px; right:10px; padding:3px 5px; color:#d9f5ff; background:rgba(3,17,27,.72); font:8px var(--mono); letter-spacing:.08em; }.city-news-figure img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; }.city-news-figure figcaption { padding:9px 11px; color:var(--muted); border-top:1px solid rgba(171,220,248,.15); background:rgba(4,15,23,.8); font:10px/1.55 var(--sans); }.detail-page .city-news-figure + .record-type { margin-bottom:17px; }

.story-image { display:block; height:280px; min-height:0; margin:25px 0 0; padding:0; background:#06111a; }.story-image::before,.story-image::after,.story-image > span { display:none; }.story-image img { display:block; width:100%; height:auto; min-height:100%; object-fit:cover; object-position:top center; }.report-lower-third { position:absolute; right:0; bottom:0; left:0; display:flex; align-items:center; gap:12px; padding:11px 14px; color:#f4fbff; border-top:1px solid rgba(117,215,255,.34); background:linear-gradient(90deg, rgba(7,27,44,.97), rgba(4,14,25,.95)); box-shadow:0 -9px 24px rgba(3,13,20,.52); }.report-lower-third span { flex:0 0 auto; padding-right:12px; color:var(--blue); border-right:1px solid rgba(117,215,255,.35); font:10px var(--mono); letter-spacing:.1em; }.report-lower-third strong { font:700 clamp(15px, 3vw, 21px)/1.35 var(--serif); letter-spacing:-.03em; } @media (max-width:760px) { .story-image { height:218px; }.report-lower-third { gap:9px; padding:9px 10px; }.report-lower-third span { padding-right:9px; font-size:8px; }.report-lower-third strong { font-size:14px; } }

.community-website-line { margin-top:27px !important; }.community-link { display:inline-flex; align-items:center; gap:10px; padding:10px 13px; color:#dff5ff; border:1px solid rgba(117,215,255,.34); background:rgba(117,215,255,.1); text-decoration:none; font:600 12px var(--sans); }.community-link::after { content:"↗"; color:var(--blue); font:18px/1 var(--serif); }.community-link:hover { color:#fff; background:rgba(117,215,255,.18); }

/* 澄明苑官网：以石灰白、庭园绿和晨光金色模拟住宅而非科技产品。 */
.community-page { --garden-ink:#25362e; --garden-muted:#748077; --garden-line:#d8d3c8; --garden-paper:#f7f1e7; --garden-sand:#eee5d7; --garden-leaf:#597260; --garden-sun:#d89a51; min-height:100dvh; color:var(--garden-ink); background:var(--garden-paper); font-family:var(--sans); }.community-page::before { display:none; }.community-page * { box-sizing:border-box; }.community-page a { color:inherit; }.community-header { position:sticky; top:0; z-index:10; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:26px; width:100%; min-height:76px; padding:14px max(28px, calc((100% - 1220px) / 2)); border-bottom:1px solid rgba(37,54,46,.13); background:rgba(247,241,231,.92); backdrop-filter:blur(13px); }.community-wordmark { display:flex; flex-direction:column; gap:1px; color:var(--garden-ink); text-decoration:none; }.community-wordmark span { font:700 25px/1 var(--serif); letter-spacing:-.08em; }.community-wordmark small { color:var(--garden-leaf); font:8px var(--mono); letter-spacing:.16em; }.community-nav { display:flex; justify-content:center; gap:24px; }.community-nav a { color:#5d685e; font-size:13px; text-decoration:none; }.community-nav a:hover { color:var(--garden-ink); }.resident-entry { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; color:var(--garden-ink); border:1px solid #b9c1b4; border-radius:999px; background:transparent; font:12px var(--sans); }.resident-entry svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.6; }.resident-entry:hover { color:#fff; border-color:var(--garden-leaf); background:var(--garden-leaf); }.community-page main { width:min(1220px, calc(100% - 56px)); margin:0 auto; }.garden-hero { display:grid; grid-template-columns:minmax(0, 1.02fr) minmax(340px, .98fr); align-items:center; gap:60px; min-height:660px; padding:72px 0; }.garden-kicker,.garden-index { margin:0 0 17px; color:var(--garden-leaf); font:10px var(--mono); letter-spacing:.12em; }.garden-hero h1,.garden-intro h2,.garden-fuxi h2,.garden-calendar h2 { margin:0; font:700 clamp(46px, 6.1vw, 84px)/1.06 var(--serif); letter-spacing:-.085em; }.garden-hero-copy > p:not(.garden-kicker) { max-width:465px; margin:27px 0 30px; color:#59665d; font:16px/1.9 var(--sans); }.garden-cta { display:inline-flex; align-items:center; gap:20px; padding-bottom:8px; color:var(--garden-ink); border-bottom:1px solid var(--garden-ink); font:600 13px var(--sans); text-decoration:none; }.garden-cta span { font-size:19px; }.image-reserve { position:relative; overflow:hidden; background:linear-gradient(145deg, #dfd2bd, #eee8dc 45%, #c9d8c9); }.image-reserve::before { content:""; position:absolute; inset:9% 8%; border:1px solid rgba(255,255,255,.75); }.image-reserve::after { content:""; position:absolute; width:110%; height:50%; left:-12%; bottom:-26%; border-radius:50% 50% 0 0; background:repeating-radial-gradient(ellipse at center bottom, transparent 0 28px, rgba(74,103,79,.22) 29px 30px), linear-gradient(100deg, rgba(66,101,70,.55), rgba(181,164,123,.24)); transform:rotate(-5deg); }.image-reserve span { position:absolute; z-index:2; top:22px; left:23px; color:rgba(37,54,46,.7); font:9px/1.5 var(--mono); letter-spacing:.11em; }.garden-hero-visual { min-height:500px; border-radius:190px 190px 18px 18px; box-shadow:0 24px 44px rgba(75,67,48,.12); }.garden-hero-visual i { position:absolute; z-index:1; display:block; border:1px solid rgba(255,255,255,.74); background:rgba(255,255,255,.13); }.garden-hero-visual i:nth-of-type(1) { width:21%; height:44%; right:13%; top:22%; }.garden-hero-visual i:nth-of-type(2) { width:15%; height:55%; right:36%; top:28%; }.garden-hero-visual i:nth-of-type(3) { width:13%; height:37%; left:18%; top:35%; }.garden-intro { display:grid; grid-template-columns:130px minmax(0, 1fr) minmax(250px, .7fr); gap:35px; padding:106px 0 112px; border-top:1px solid var(--garden-line); }.garden-intro .garden-index { margin-top:10px; }.garden-intro h2 { font-size:clamp(35px, 4.2vw, 60px); }.garden-intro > p:last-child { margin:12px 0 0; color:#657168; font-size:15px; line-height:1.9; }.garden-feature-grid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--garden-line); border-left:1px solid var(--garden-line); }.garden-feature { min-height:330px; padding:31px 29px; border-right:1px solid var(--garden-line); border-bottom:1px solid var(--garden-line); background:var(--garden-paper); }.garden-feature p { margin:0; color:var(--garden-leaf); font:10px var(--mono); letter-spacing:.11em; }.garden-feature h3 { margin:106px 0 21px; font:700 31px/1.18 var(--serif); letter-spacing:-.06em; }.garden-feature span { color:var(--garden-muted); font-size:12px; line-height:1.65; }.feature-green { background:linear-gradient(145deg, #f3eee1, #e0e8db); }.feature-quiet { background:linear-gradient(145deg, #f4eee3, #ebe2d5); }.feature-private { background:linear-gradient(145deg, #f4f0e9, #e8e7de); }.garden-fuxi { display:grid; grid-template-columns:minmax(0, .86fr) minmax(0, 1.14fr); gap:72px; align-items:center; padding:126px 0; }.fuxi-image { min-height:490px; border-radius:18px; background:linear-gradient(145deg, #c7d4ca, #eee5d9 47%, #b7c7bd); }.garden-fuxi h2 { margin-bottom:25px; font-size:clamp(37px, 4.7vw, 66px); }.garden-fuxi .fuxi-copy > p:not(.garden-index) { color:#607066; font-size:15px; line-height:1.9; }.garden-fuxi dl { margin:30px 0 0; }.garden-fuxi dl div { display:grid; grid-template-columns:72px 1fr; gap:14px; padding:11px 0; border-top:1px solid var(--garden-line); }.garden-fuxi dt { color:var(--garden-leaf); font:11px var(--mono); letter-spacing:.07em; }.garden-fuxi dd { margin:0; color:#526056; font-size:13px; }.garden-calendar { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:76px; padding:85px 8.6%; color:#f9f4ea; background:#35483c; }.garden-calendar .garden-index { color:#d7b678; }.garden-calendar h2 { font-size:clamp(37px, 4.3vw, 62px); }.garden-calendar ol { margin:0; padding:0; list-style:none; }.garden-calendar li { display:grid; grid-template-columns:70px 1fr auto; gap:14px; align-items:baseline; padding:18px 0; border-bottom:1px solid rgba(250,245,235,.21); }.garden-calendar time { color:#d7b678; font:12px var(--mono); }.garden-calendar li span { font:17px var(--serif); }.garden-calendar li small { color:#cbd4c9; font-size:11px; }.garden-gallery { display:grid; grid-template-columns:1.25fr .7fr .92fr; gap:18px; padding:72px 0 84px; }.garden-gallery .image-reserve { min-height:260px; }.gallery-tall { min-height:360px !important; }.gallery-note { display:flex; flex-direction:column; justify-content:flex-end; padding:8px 0 12px; }.gallery-note p,.gallery-note span { margin:0; color:var(--garden-leaf); font:10px var(--mono); letter-spacing:.1em; }.gallery-note h3 { margin:15px 0 23px; font:700 34px/1.14 var(--serif); letter-spacing:-.07em; }.community-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; padding:32px max(28px, calc((100% - 1220px) / 2)); color:#647166; border-top:1px solid var(--garden-line); background:#eee6da; }.community-footer p { margin:0; font-size:12px; }.community-footer > a:last-child { font-size:12px; text-underline-offset:4px; }.fuxi-login { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:22px; background:rgba(41,47,40,.43); backdrop-filter:blur(9px); }.fuxi-login[hidden] { display:none; }.fuxi-login-card { position:relative; width:min(390px, 100%); padding:34px; color:#e8f2ed; border:1px solid rgba(176,222,200,.25); border-radius:15px; background:linear-gradient(145deg, #15261f, #0d1915); box-shadow:0 30px 70px rgba(15,21,16,.4); }.fuxi-login-card > p { margin:0 0 13px; color:#9dc8b1; font:10px var(--mono); letter-spacing:.1em; }.fuxi-login-card h2 { margin:0 0 29px; color:#fff; font:700 35px/1 var(--serif); letter-spacing:-.07em; }.close-login { position:absolute; top:15px; right:17px; width:28px; height:28px; color:#afc7b9; border:0; background:transparent; font:26px/1 var(--sans); }.close-login:hover { color:#fff; }.fuxi-login form { display:grid; gap:16px; }.fuxi-login label { display:grid; gap:7px; color:#a8baaf; font:11px var(--sans); }.fuxi-login input { width:100%; padding:12px 11px; color:#f2f7f3; border:1px solid rgba(177,220,198,.25); border-radius:4px; outline:0; background:rgba(1,10,6,.42); }.fuxi-login input:focus { border-color:#9cd8b6; box-shadow:0 0 0 3px rgba(104,201,143,.13); }.fuxi-login form button { margin-top:7px; padding:12px; color:#10251a; border:0; border-radius:4px; background:#b5e1c5; font:700 13px var(--sans); }.login-feedback { min-height:17px; margin:0; color:#e8aaa4; font-size:12px; }.login-feedback.is-success { color:#9de0b7; }
@media (max-width:820px) { .community-header { grid-template-columns:1fr auto; gap:12px; padding:13px 18px; }.community-nav { grid-column:1 / -1; grid-row:2; justify-content:flex-start; overflow:auto; gap:21px; padding-top:4px; }.community-page main { width:min(100% - 34px, 660px); }.garden-hero { grid-template-columns:1fr; gap:36px; min-height:0; padding:52px 0 68px; }.garden-hero-visual { min-height:400px; }.garden-intro { grid-template-columns:1fr; gap:17px; padding:75px 0; }.garden-intro .garden-index { margin:0; }.garden-feature-grid { grid-template-columns:1fr; }.garden-feature { min-height:235px; }.garden-feature h3 { margin-top:62px; }.garden-fuxi { grid-template-columns:1fr; gap:38px; padding:79px 0; }.fuxi-image { min-height:340px; }.garden-calendar { grid-template-columns:1fr; gap:34px; padding:57px 25px; }.garden-gallery { grid-template-columns:1fr 1fr; padding:48px 0 54px; }.gallery-wide { grid-column:1 / -1; }.gallery-note { min-height:200px; }.community-footer { grid-template-columns:1fr; gap:15px; padding:28px 18px; }.community-footer > a:last-child { width:max-content; } }
@media (max-width:480px) { .community-wordmark span { font-size:22px; }.resident-entry span { display:none; }.garden-hero h1 { font-size:48px; }.garden-hero-visual { min-height:330px; border-radius:120px 120px 12px 12px; }.garden-intro h2 { font-size:39px; }.garden-calendar li { grid-template-columns:56px 1fr; }.garden-calendar li small { grid-column:2; }.garden-gallery { grid-template-columns:1fr; }.gallery-wide { grid-column:auto; }.gallery-tall { min-height:260px !important; }.fuxi-login-card { padding:29px 23px; } }

/* 参考营销页的整屏节奏，重构为澄明苑的庭院宣传页。 */
.cm-page { --cm-ink:#1e2721; --cm-muted:#697268; --cm-paper:#faf7f1; --cm-line:#dedbd2; --cm-forest:#3b5242; --cm-gold:#b88a55; color:var(--cm-ink); background:var(--cm-paper); }.cm-page .community-page main { width:100%; }.cm-header { position:absolute; z-index:12; top:0; right:0; left:0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; padding:22px max(28px, calc((100% - 1240px) / 2)); color:var(--cm-ink); }.cm-wordmark { display:flex; flex-direction:column; gap:2px; color:var(--cm-ink); text-decoration:none; }.cm-wordmark span { font:700 25px/1 var(--serif); letter-spacing:-.08em; }.cm-wordmark small { color:#617065; font:8px var(--mono); letter-spacing:.16em; }.cm-nav { display:flex; justify-content:center; gap:29px; }.cm-nav a { color:rgba(30,39,33,.72); font:12px var(--sans); text-decoration:none; transition:color .2s ease; }.cm-nav a:hover { color:var(--cm-ink); }.cm-resident { display:inline-flex; align-items:center; gap:7px; padding:9px 13px; color:#fff; border:0; border-radius:8px; background:var(--cm-ink); font:500 12px var(--sans); transition:background .2s ease, transform .2s ease; }.cm-resident:hover { background:#304237; transform:translateY(-1px); }.cm-resident svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }.cm-main { width:100% !important; margin:0 !important; }.cm-hero { position:relative; display:flex; flex-direction:column; min-height:100svh; overflow:hidden; padding:132px 28px 0; isolation:isolate; }.cm-hero-backdrop { position:absolute; z-index:-2; inset:0; overflow:hidden; background:radial-gradient(ellipse 48% 90% at 72% 35%, rgba(255,255,255,.87), transparent 54%), linear-gradient(135deg, #d5dbcf 0%, #f0e9dc 46%, #d3d8c9 100%); }.cm-hero-backdrop::before { content:""; position:absolute; inset:0; background:linear-gradient(102deg, rgba(250,247,241,.95) 0 27%, rgba(250,247,241,.38) 55%, transparent 75%), repeating-linear-gradient(90deg, transparent 0 9.5%, rgba(255,255,255,.44) 9.6% 9.75%, transparent 9.85% 18%); opacity:.88; }.cm-hero-backdrop::after { content:""; position:absolute; width:118%; height:56%; right:-23%; bottom:-21%; border-radius:50% 50% 0 0; background:repeating-radial-gradient(ellipse at 48% 94%, transparent 0 34px, rgba(76,105,80,.18) 35px 36px), linear-gradient(103deg, #5d7b62, #aec1a5 39%, #d2c59b); transform:rotate(-5deg); }.cm-hero-backdrop span { position:absolute; z-index:2; right:29px; bottom:30px; color:rgba(30,39,33,.48); font:9px/1.5 var(--mono); letter-spacing:.12em; text-align:right; }.cm-hero-backdrop i { position:absolute; z-index:1; display:block; border:1px solid rgba(255,255,255,.76); background:rgba(255,255,255,.17); }.cm-hero-backdrop i:nth-of-type(1) { width:13%; height:55%; right:21%; top:18%; }.cm-hero-backdrop i:nth-of-type(2) { width:18%; height:71%; right:4%; top:24%; }.cm-hero-backdrop i:nth-of-type(3) { width:16%; height:43%; right:38%; top:34%; }.cm-hero-copy { width:min(650px, 100%); margin:0 auto; text-align:center; }.cm-hero-copy > p { margin:0 0 17px; color:#637366; font:10px var(--mono); letter-spacing:.12em; }.cm-hero-copy h1 { margin:0; font:400 clamp(49px, 8vw, 105px)/1.02 var(--serif); letter-spacing:-.1em; }.cm-hero-copy > div { max-width:430px; margin:24px auto 29px; color:#5a675d; font:14px/1.8 var(--sans); }.cm-hero-copy > a { display:inline-flex; align-items:center; gap:21px; padding:12px 20px; color:#fff; border-radius:8px; background:var(--cm-ink); font:500 12px var(--sans); text-decoration:none; transition:background .2s ease, transform .2s ease; }.cm-hero-copy > a:hover { background:#304237; transform:translateY(-1px); }.cm-hero-copy b { font:17px/1 var(--serif); }.cm-bottom-panel { width:min(100%, 1020px); margin:auto auto 0; padding:57px 55px 0; border:1px solid rgba(70,80,72,.18); border-bottom:0; background:rgba(255,253,248,.91); box-shadow:0 -2px 18px rgba(79,69,48,.07); backdrop-filter:blur(11px); }.cm-panel-intro { display:grid; grid-template-columns:1fr .88fr; gap:70px; align-items:end; }.cm-panel-intro p { margin:0; color:#5e6a60; font:13px/1.75 var(--sans); }.cm-panel-intro > div > p { margin-bottom:12px; color:#758075; font:10px var(--mono); letter-spacing:.12em; }.cm-panel-intro h2 { margin:0; font:400 clamp(26px, 3.3vw, 43px)/1.16 var(--serif); letter-spacing:-.065em; }.cm-panel-rule { height:1px; margin-top:39px; background:var(--cm-line); }.cm-panel-links { display:grid; grid-template-columns:repeat(3, 1fr); gap:3px; margin-top:20px; }.cm-panel-links a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:62px; padding:13px 16px; color:var(--cm-ink); background:#f1eee8; font:500 12px var(--sans); text-decoration:none; transition:background .2s ease; }.cm-panel-links a:hover { background:#e6e3db; }.cm-panel-links em { margin-right:8px; color:#a6aaa3; font-style:normal; }.cm-panel-links b { color:#81867f; font:18px/1 var(--serif); transition:transform .2s ease, color .2s ease; }.cm-panel-links a:hover b { color:var(--cm-ink); transform:translateX(3px); }.cm-statement { display:grid; grid-template-columns:160px minmax(0, 1fr) minmax(230px, .64fr); gap:46px; width:min(1160px, calc(100% - 56px)); margin:0 auto; padding:126px 0 116px; }.cm-statement > p,.cm-service-copy > p,.cm-calendar > div > p { margin:9px 0 0; color:#7b8178; font:10px var(--mono); letter-spacing:.11em; }.cm-statement h2,.cm-service-copy h2,.cm-calendar h2 { margin:0; font:400 clamp(39px, 5.4vw, 72px)/1.08 var(--serif); letter-spacing:-.085em; }.cm-statement > div { margin-top:14px; color:#657066; font:15px/1.9 var(--sans); }.cm-ground-grid { display:grid; grid-template-columns:1.22fr .78fr; width:min(1160px, calc(100% - 56px)); margin:0 auto; border-top:1px solid var(--cm-line); border-left:1px solid var(--cm-line); }.cm-ground-grid > article { min-height:340px; border-right:1px solid var(--cm-line); border-bottom:1px solid var(--cm-line); }.cm-photo { position:relative; overflow:hidden; background:linear-gradient(135deg, #d6dfd1, #e9dfce 56%, #b7c9b9); }.cm-photo::after { content:""; position:absolute; width:120%; height:55%; left:-12%; bottom:-20%; border-radius:50%; background:repeating-radial-gradient(ellipse at center bottom, transparent 0 27px, rgba(66,100,70,.22) 28px 29px), linear-gradient(110deg, rgba(63,96,70,.66), rgba(218,202,151,.27)); transform:rotate(-4deg); }.cm-photo span,.cm-service-visual span { position:absolute; z-index:2; top:22px; left:23px; color:rgba(30,39,33,.58); font:9px/1.5 var(--mono); letter-spacing:.12em; }.cm-lobby-photo { background:linear-gradient(135deg, #e8d9c7, #f5f0e7 54%, #bdc9bb); }.cm-ground-copy { display:flex; flex-direction:column; justify-content:flex-end; padding:31px 29px; background:#f8f5ef; }.cm-ground-copy p { margin:0; color:#718171; font:10px var(--mono); letter-spacing:.11em; }.cm-ground-copy h3 { margin:95px 0 20px; font:400 34px/1.14 var(--serif); letter-spacing:-.07em; }.cm-ground-copy span { color:#768077; font-size:12px; line-height:1.7; }.cm-warm-copy { background:#f0e8dc; }.cm-service { display:grid; grid-template-columns:minmax(0, .89fr) minmax(0, 1.11fr); gap:86px; align-items:center; width:min(1160px, calc(100% - 56px)); margin:0 auto; padding:125px 0; }.cm-service-visual { position:relative; min-height:525px; overflow:hidden; border-radius:8px; background:linear-gradient(140deg, #b9cabc, #f0e6d9 54%, #c5d0bf); }.cm-service-visual::before { content:""; position:absolute; width:68%; height:60%; left:16%; top:19%; border:1px solid rgba(255,255,255,.78); border-radius:120px 120px 0 0; box-shadow:inset 0 0 0 19px rgba(255,255,255,.12); }.cm-service-visual::after { content:""; position:absolute; width:100%; height:28%; bottom:0; background:linear-gradient(0deg, rgba(53,82,62,.62), transparent); }.cm-service-copy > p { margin:0 0 18px; }.cm-service-copy h2 { margin-bottom:25px; }.cm-service-copy > div { max-width:480px; color:#5d685e; font:15px/1.9 var(--sans); }.cm-service-copy dl { margin:33px 0 0; }.cm-service-copy dl div { display:grid; grid-template-columns:72px 1fr; gap:15px; padding:12px 0; border-top:1px solid var(--cm-line); }.cm-service-copy dt { color:#728072; font:10px var(--mono); letter-spacing:.08em; }.cm-service-copy dd { margin:0; color:#4f5d53; font-size:13px; }.cm-calendar { display:grid; grid-template-columns:1fr 1.1fr; gap:82px; width:min(1160px, calc(100% - 56px)); margin:0 auto 94px; padding:77px 8.5%; color:#f9f5ec; background:#3a5140; }.cm-calendar > div > p { color:#d8bd8c; }.cm-calendar h2 { font-size:clamp(39px, 4.8vw, 65px); }.cm-calendar ol { margin:0; padding:0; list-style:none; }.cm-calendar li { display:grid; grid-template-columns:72px 1fr auto; gap:14px; align-items:baseline; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.22); }.cm-calendar time { color:#dcc08c; font:12px var(--mono); }.cm-calendar li span { font:18px var(--serif); }.cm-calendar li small { color:#cad4ca; font-size:11px; }.cm-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; padding:35px max(28px, calc((100% - 1240px) / 2)); color:#667166; border-top:1px solid var(--cm-line); background:#f0e9dd; }.cm-footer p { margin:0; font-size:12px; }.cm-footer > a:last-child { color:#5f695f; font-size:12px; text-underline-offset:4px; }
@media (max-width:820px) { .cm-header { grid-template-columns:1fr auto; padding:16px 18px; }.cm-nav { grid-column:1 / -1; grid-row:2; justify-content:flex-start; gap:21px; overflow:auto; }.cm-hero { min-height:100svh; padding:133px 18px 0; }.cm-bottom-panel { padding:36px 23px 0; }.cm-panel-intro { grid-template-columns:1fr; gap:17px; }.cm-statement { grid-template-columns:1fr; gap:18px; width:min(100% - 34px, 660px); padding:85px 0 75px; }.cm-statement > p,.cm-statement > div { margin:0; }.cm-ground-grid { grid-template-columns:1fr; width:min(100% - 34px, 660px); }.cm-ground-grid > article { min-height:280px; }.cm-ground-copy h3 { margin-top:62px; }.cm-service { grid-template-columns:1fr; gap:39px; width:min(100% - 34px, 660px); padding:84px 0; }.cm-service-visual { min-height:360px; }.cm-calendar { grid-template-columns:1fr; gap:36px; width:min(100% - 34px, 660px); margin-bottom:55px; padding:58px 25px; }.cm-footer { grid-template-columns:1fr; gap:15px; padding:29px 18px; }.cm-footer > a:last-child { width:max-content; } }
@media (max-width:520px) { .cm-wordmark span { font-size:22px; }.cm-resident span { display:none; }.cm-hero-copy h1 { font-size:49px; }.cm-hero-copy > div { margin-top:21px; }.cm-bottom-panel { padding:28px 14px 0; }.cm-panel-links { grid-template-columns:1fr; gap:2px; margin-top:14px; }.cm-panel-links a { min-height:48px; }.cm-statement h2,.cm-service-copy h2 { font-size:43px; }.cm-calendar li { grid-template-columns:55px 1fr; }.cm-calendar li small { grid-column:2; }.cm-hero-backdrop span { right:14px; bottom:16px; } }

/* 社区内容以画册式模块展开：叙述、图带、引语和大幅图文。 */
.cm-letter { width:min(456px, calc(100% - 48px)); margin:0 auto; padding:132px 0 74px; }.cm-letter > p { margin:0 0 15px; color:#748076; font:10px var(--mono); letter-spacing:.12em; }.cm-letter h2 { margin:0; font:400 clamp(37px, 4.5vw, 58px)/1.1 var(--serif); letter-spacing:-.085em; }.cm-letter div { display:grid; gap:22px; margin-top:28px; color:#58645b; font:15px/1.86 var(--sans); }.cm-letter div p { margin:0; }.cm-marquee { width:100%; overflow:hidden; padding:26px 0 100px; }.cm-marquee-track { display:flex; width:max-content; gap:16px; animation:cm-marquee 28s linear infinite; }.cm-marquee-card { position:relative; width:370px; height:440px; flex:0 0 auto; overflow:hidden; border-radius:27px; box-shadow:0 12px 28px rgba(74,66,45,.13); }.cm-marquee-card::after { content:""; position:absolute; width:125%; height:48%; bottom:-20%; left:-13%; border-radius:50%; background:repeating-radial-gradient(ellipse at center bottom, transparent 0 27px, rgba(58,94,64,.24) 28px 29px), linear-gradient(120deg, rgba(48,94,62,.67), rgba(219,197,139,.25)); transform:rotate(-6deg); }.cm-marquee-card span { position:absolute; z-index:2; right:18px; bottom:17px; color:#fff; text-shadow:0 1px 9px rgba(0,0,0,.28); font:500 13px var(--sans); }.garden-one { background:linear-gradient(140deg, #d4dfcd, #eee0c8 52%, #8ea68f); }.garden-two { background:linear-gradient(140deg, #d9cbb8, #f2ebe1 50%, #b6c7b5); }.garden-three { background:linear-gradient(140deg, #9aa99f, #d9e0d2 49%, #d8c69b); }.garden-four { background:linear-gradient(140deg, #f0e7d5, #c9d8c3 53%, #6d866e); }.cm-quote { width:min(760px, calc(100% - 48px)); margin:0 auto; padding:64px 0 140px; }.cm-quote > span { display:block; margin-bottom:13px; color:#71806f; font:76px/.48 var(--serif); }.cm-quote h2 { margin:0; font:400 clamp(37px, 5vw, 67px)/1.09 var(--serif); letter-spacing:-.09em; }.cm-quote p { margin:23px 0 0; color:#647267; font:italic 13px var(--sans); }.cm-residence-pair { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28px; width:min(980px, calc(100% - 48px)); margin:0 0 140px auto; }.cm-residence-card { display:flex; flex-direction:column; min-height:460px; padding:17px 39px 37px; border-radius:38px; box-shadow:0 9px 25px rgba(53,58,48,.08); }.cm-residence-card > p { margin:0; font:11px var(--sans); }.cm-residence-card h3 { margin:66px 0 23px; font:400 36px/1.13 var(--serif); letter-spacing:-.075em; }.cm-residence-card > div { max-width:320px; font:14px/1.8 var(--sans); }.cm-residence-card > a,.cm-residence-card > button { width:max-content; display:inline-flex; align-items:center; gap:11px; margin-top:auto; padding:10px 15px; border-radius:999px; font:600 12px var(--sans); text-decoration:none; }.cm-residence-card b { font:17px/1 var(--serif); }.cm-card-dark { color:#f7fcf7; background:#15271e; box-shadow:inset 0 1px 1px rgba(255,255,255,.12), 0 13px 28px rgba(27,42,32,.16); }.cm-card-dark > p { color:#b6cbb9; }.cm-card-dark > div { color:#d3e1d4; }.cm-card-dark > a { color:#183024; background:#bae0c2; }.cm-card-light { color:#203027; background:#fffdfa; }.cm-card-light > p { color:#6c796f; }.cm-card-light > div { color:#627067; }.cm-card-light > button { color:#213127; border:0; background:#e6ece2; }.cm-projects { display:grid; gap:110px; width:min(1200px, calc(100% - 48px)); margin:0 auto; padding-bottom:126px; }.cm-project-copy { width:min(420px, 85%); margin:0 0 20px 9%; }.cm-project-copy h3 { margin:0 0 7px; font:400 clamp(30px, 3vw, 43px)/1.13 var(--serif); letter-spacing:-.07em; }.cm-project-copy p { margin:0; color:#657067; font:14px/1.75 var(--sans); }.cm-project-visual { position:relative; min-height:490px; overflow:hidden; border-radius:26px; background:linear-gradient(135deg, #b9cdbb, #eedfca 50%, #a2b79d); box-shadow:0 13px 30px rgba(74,66,45,.11); }.cm-project-visual::after { content:""; position:absolute; width:120%; height:51%; bottom:-17%; left:-13%; border-radius:50%; background:repeating-radial-gradient(ellipse at center bottom, transparent 0 35px, rgba(62,96,66,.23) 36px 37px), linear-gradient(112deg, rgba(54,89,59,.68), rgba(219,194,135,.26)); transform:rotate(-5deg); }.cm-project-visual span { position:absolute; z-index:2; top:24px; left:25px; color:rgba(30,39,33,.62); font:10px/1.5 var(--mono); letter-spacing:.12em; }.cm-project-lobby { background:linear-gradient(135deg, #d5c6b4, #f5eee5 47%, #adbdab); }.cm-project-home { background:linear-gradient(135deg, #7f9684, #d8e1d2 48%, #d4bd8f); }.cm-calendar { margin-bottom:105px; }
@keyframes cm-marquee { from { transform:translateX(0); } to { transform:translateX(calc(-50% - 8px)); } }
@media (max-width:820px) { .cm-letter { padding:87px 0 50px; }.cm-marquee { padding-bottom:73px; }.cm-marquee-card { width:290px; height:350px; border-radius:22px; }.cm-quote { padding-bottom:84px; }.cm-residence-pair { grid-template-columns:1fr; width:min(100% - 34px, 660px); margin:0 auto 90px; }.cm-projects { gap:72px; width:min(100% - 34px, 660px); padding-bottom:82px; }.cm-project-visual { min-height:350px; }.cm-calendar { margin-bottom:55px; } }
@media (max-width:520px) { .cm-letter { width:min(100% - 34px, 456px); }.cm-letter h2 { font-size:42px; }.cm-marquee { padding-top:12px; }.cm-marquee-track { gap:11px; animation-duration:16s; }.cm-marquee-card { width:226px; height:285px; border-radius:18px; }.cm-quote { width:min(100% - 34px, 760px); padding:37px 0 73px; }.cm-quote h2 { font-size:41px; }.cm-residence-pair { width:min(100% - 34px, 660px); gap:17px; }.cm-residence-card { min-height:390px; padding:17px 25px 27px; border-radius:29px; }.cm-residence-card h3 { margin-top:52px; font-size:32px; }.cm-project-copy { width:91%; margin-left:5%; }.cm-project-visual { min-height:268px; border-radius:18px; } }
@media (prefers-reduced-motion:reduce) { .cm-marquee-track { animation:none; } }

/* 澄明苑第二版：暖白玻璃、圆钝体块与东方庭园的未来住宅。 */
.cm-page { --cm-display:"PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif; --cm-body:"PingFang SC", "Noto Sans CJK SC", "Helvetica Neue", sans-serif; --cm-ink:#23362d; --cm-muted:#62766b; --cm-paper:#f8f4ee; --cm-line:rgba(100,126,111,.2); --cm-glass:rgba(255,254,250,.62); font-family:var(--cm-body); background:radial-gradient(circle at 76% 5%, rgba(222,235,222,.64), transparent 24%), var(--cm-paper); }.cm-page h1,.cm-page h2,.cm-page h3,.cm-page .cm-wordmark span { font-family:var(--cm-display); font-weight:600; letter-spacing:-.065em; }.cm-header { position:fixed; top:15px; right:50%; left:auto; width:min(1160px, calc(100% - 34px)); padding:10px 13px 10px 18px; border:1px solid rgba(255,255,255,.72); border-radius:23px; background:rgba(250,248,242,.58); box-shadow:0 8px 28px rgba(47,62,51,.09), inset 0 1px 1px rgba(255,255,255,.85); backdrop-filter:blur(20px) saturate(1.18); transform:translateX(50%); }.cm-wordmark span { font-size:24px; }.cm-wordmark small { color:#769083; }.cm-nav a { color:#53675b; font-size:12px; }.cm-resident { padding:10px 14px; border:1px solid rgba(255,255,255,.5); border-radius:15px; background:rgba(46,74,57,.9); box-shadow:0 5px 12px rgba(33,56,42,.17), inset 0 1px 1px rgba(255,255,255,.2); }.cm-hero { min-height:100svh; padding-top:150px; }.cm-hero-backdrop { background-image:linear-gradient(90deg, rgba(248,244,238,.92) 0%, rgba(248,244,238,.64) 33%, rgba(248,244,238,.04) 70%), url("./assets/chengming-hero-architecture.png"); background-position:center, center; background-size:cover; }.cm-hero-backdrop::before { background:linear-gradient(90deg, rgba(248,244,238,.93) 0%, rgba(248,244,238,.68) 34%, rgba(248,244,238,.1) 68%, rgba(37,60,44,.05) 100%); opacity:1; }.cm-hero-backdrop::after { width:330px; height:330px; right:6%; bottom:19%; border:1px solid rgba(255,255,255,.57); border-radius:50%; background:repeating-linear-gradient(45deg, transparent 0 11px, rgba(255,255,255,.16) 12px 13px); transform:none; }.cm-hero-backdrop i { border:1px solid rgba(248,255,247,.63); border-radius:20px; background:rgba(255,255,255,.08); box-shadow:inset 0 1px 1px rgba(255,255,255,.22); }.cm-hero-backdrop i:nth-of-type(1) { width:76px; height:76px; right:11%; top:27%; }.cm-hero-backdrop i:nth-of-type(2) { width:34px; height:34px; right:30%; top:23%; }.cm-hero-backdrop i:nth-of-type(3) { width:48px; height:48px; right:25%; top:65%; }.cm-hero-backdrop span { right:30px; bottom:31px; padding:8px 10px; color:#f8fffa; border:1px solid rgba(255,255,255,.34); border-radius:999px; background:rgba(36,67,48,.25); backdrop-filter:blur(8px); }.cm-hero-copy { max-width:690px; padding:22px 28px 25px; border:1px solid rgba(255,255,255,.7); border-radius:34px; background:rgba(255,254,250,.34); box-shadow:0 14px 36px rgba(55,67,53,.06), inset 0 1px 1px rgba(255,255,255,.77); backdrop-filter:blur(15px) saturate(1.12); }.cm-hero-copy > p { color:#516b5a; }.cm-hero-copy h1 { color:#20352a; font-size:clamp(48px, 7.3vw, 94px); letter-spacing:-.075em; }.cm-hero-copy > div { color:#52685a; }.cm-hero-copy > a { border-radius:17px; background:rgba(40,72,54,.9); box-shadow:0 5px 12px rgba(36,65,49,.17), inset 0 1px 1px rgba(255,255,255,.2); }.cm-bottom-panel { border:1px solid rgba(255,255,255,.83); border-bottom:0; border-radius:31px 31px 0 0; background:rgba(255,254,251,.71); box-shadow:0 -4px 26px rgba(69,81,62,.08), inset 0 1px 1px rgba(255,255,255,.9); backdrop-filter:blur(20px) saturate(1.13); }.cm-panel-rule { background:linear-gradient(90deg, transparent, rgba(104,132,114,.34), transparent); }.cm-panel-links a { border:1px solid rgba(255,255,255,.84); border-radius:17px 17px 0 0; background:rgba(235,241,233,.65); box-shadow:inset 0 1px 1px rgba(255,255,255,.76); }.cm-panel-links a:hover { background:rgba(220,232,219,.88); }.cm-letter { padding-top:145px; }.cm-letter > p,.cm-letter div { color:#647a6c; }.cm-letter h2,.cm-quote h2 { color:#23392d; }.cm-marquee-card { border:1px solid rgba(255,255,255,.87); border-radius:34px; box-shadow:0 16px 35px rgba(59,66,50,.14), inset 0 1px 1px rgba(255,255,255,.8); }.cm-marquee-card::after { background:linear-gradient(0deg, rgba(26,62,40,.44), transparent 48%); transform:none; }.garden-one { background-image:linear-gradient(0deg, rgba(27,60,41,.28), transparent 60%), url("./assets/chengming-hero-architecture.png"); background-size:cover; background-position:center; }.garden-two { background-image:linear-gradient(0deg, rgba(37,65,46,.19), transparent 58%), url("./assets/chengming-lounge-courtyard.png"); background-size:cover; background-position:left center; }.garden-three { background-image:linear-gradient(0deg, rgba(39,65,50,.24), transparent 64%), url("./assets/chengming-hero-architecture.png"); background-size:cover; background-position:75% center; }.garden-four { background-image:linear-gradient(0deg, rgba(35,63,43,.24), transparent 65%), url("./assets/chengming-lounge-courtyard.png"); background-size:cover; background-position:74% center; }.cm-quote > span { color:#9db3a1; }.cm-residence-card { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.8); border-radius:43px; box-shadow:0 18px 34px rgba(52,65,52,.11), inset 0 1px 1px rgba(255,255,255,.55); }.cm-residence-card::after { content:""; position:absolute; width:148px; height:148px; right:-36px; top:-41px; border:1px solid currentColor; border-radius:50%; opacity:.12; }.cm-card-dark { background:linear-gradient(145deg, rgba(42,75,56,.96), rgba(22,48,35,.97)); }.cm-card-light { background:rgba(255,254,251,.84); backdrop-filter:blur(10px); }.cm-card-light > button { border-radius:16px; background:rgba(222,234,222,.9); box-shadow:inset 0 1px 1px rgba(255,255,255,.8); }.cm-projects { gap:118px; }.cm-project-copy h3 { color:#294233; }.cm-project-visual { border:1px solid rgba(255,255,255,.85); border-radius:35px; background-image:linear-gradient(0deg, rgba(25,60,38,.22), transparent 57%), url("./assets/chengming-hero-architecture.png"); background-size:cover; background-position:center; box-shadow:0 18px 39px rgba(65,71,51,.14), inset 0 1px 1px rgba(255,255,255,.7); }.cm-project-visual::after { background:linear-gradient(0deg, rgba(21,55,35,.38), transparent 47%); transform:none; }.cm-project-visual span { top:auto; right:18px; bottom:17px; left:auto; padding:7px 9px; color:#effbf0; border:1px solid rgba(255,255,255,.32); border-radius:999px; background:rgba(32,62,42,.23); backdrop-filter:blur(8px); }.cm-project-lobby { background-image:linear-gradient(0deg, rgba(25,60,38,.2), transparent 57%), url("./assets/chengming-lounge-courtyard.png"); background-position:center; }.cm-project-home { background-image:linear-gradient(0deg, rgba(25,60,38,.28), transparent 57%), url("./assets/chengming-hero-architecture.png"); background-position:78% center; }.cm-calendar { border:1px solid rgba(255,255,255,.15); border-radius:36px; background:linear-gradient(145deg, #3d5c49, #284636); box-shadow:0 18px 35px rgba(46,67,52,.17), inset 0 1px 1px rgba(255,255,255,.15); }.cm-footer { border-radius:30px 30px 0 0; background:rgba(238,243,234,.82); }.fuxi-login-card { border-radius:27px; background:linear-gradient(145deg, rgba(31,62,46,.97), rgba(15,37,27,.98)); box-shadow:0 25px 60px rgba(19,36,27,.34), inset 0 1px 1px rgba(255,255,255,.16); }.fuxi-login input,.fuxi-login form button { border-radius:13px; }.fuxi-login form button { background:#c9e4cd; }
@media (max-width:820px) { .cm-header { top:10px; width:calc(100% - 24px); border-radius:20px; }.cm-hero { padding-top:140px; }.cm-hero-copy { padding:19px 17px 21px; border-radius:27px; }.cm-hero-backdrop::after { width:220px; height:220px; right:-40px; }.cm-bottom-panel { border-radius:26px 26px 0 0; }.cm-marquee-card { border-radius:26px; }.cm-project-visual { border-radius:28px; }.cm-calendar { border-radius:29px; } }
@media (max-width:520px) { .cm-header { padding:9px 10px 9px 14px; }.cm-hero-copy h1 { font-size:47px; }.cm-hero-backdrop { background-position:63% center; }.cm-hero-backdrop::before { background:linear-gradient(90deg, rgba(248,244,238,.94), rgba(248,244,238,.58) 70%, rgba(248,244,238,.15)); }.cm-hero-backdrop::after { display:none; }.cm-hero-backdrop i { display:none; }.cm-residence-card { border-radius:31px; }.cm-project-visual { border-radius:24px; }.cm-calendar { border-radius:26px; } }

/* 车辆和服务停在首层，住户从二层的云庭与挑高大堂正式抵达。 */
.garden-three { background-image:linear-gradient(0deg, rgba(26,53,39,.25), transparent 64%), url("./assets/chengming-first-floor-parking.png"); background-position:center; }
.garden-four { background-image:linear-gradient(0deg, rgba(28,60,39,.22), transparent 65%), url("./assets/chengming-sky-garden.png"); background-position:center; }
.cm-project-parking { background-image:linear-gradient(0deg, rgba(22,55,37,.24), transparent 60%), url("./assets/chengming-first-floor-parking.png"); background-position:center; }
.cm-project-garden { background-image:linear-gradient(0deg, rgba(21,55,35,.26), transparent 58%), url("./assets/chengming-sky-garden.png"); background-position:center; }

/* 项目名既是导航锚点，也是首屏的落款。 */
.cm-wordmark { min-width:138px; padding:5px 12px 6px; border-left:3px solid #527965; border-radius:13px; background:linear-gradient(90deg, rgba(255,255,255,.54), rgba(255,255,255,0)); }
.cm-wordmark span { color:#1e3d2b; font-size:31px; line-height:.96; text-shadow:0 1px 0 rgba(255,255,255,.78); }
.cm-wordmark small { margin-top:5px; color:#527965; font-weight:700; letter-spacing:.19em; }
.cm-hero-brand { display:inline-flex; align-items:center; justify-content:center; gap:11px; width:max-content; max-width:100%; margin:0 auto 19px !important; padding:8px 13px 8px 10px; color:#2c543c !important; border:1px solid rgba(255,255,255,.78); border-left:3px solid #527965; border-radius:15px; background:rgba(255,254,250,.38); box-shadow:inset 0 1px 1px rgba(255,255,255,.72); backdrop-filter:blur(10px); }
.cm-hero-brand strong { color:#1d422d; font:700 26px/.9 var(--cm-display); letter-spacing:-.08em; }
.cm-hero-brand span { padding-left:11px; border-left:1px solid rgba(73,112,83,.27); font:700 9px/1 var(--mono); letter-spacing:.12em; white-space:nowrap; }
@media (max-width:520px) { .cm-wordmark { min-width:112px; padding:4px 8px 5px; }.cm-wordmark span { font-size:27px; }.cm-wordmark small { font-size:7px; }.cm-hero-brand { margin-bottom:16px !important; padding:8px 10px 8px 8px; }.cm-hero-brand strong { font-size:23px; }.cm-hero-brand span { font-size:7px; letter-spacing:.08em; } }

/* 用连续的图文节奏代替大段空白：从园景、公共会客到私密归家，空间层层收束。 */
.cm-letter { padding:108px 0 42px; }
.cm-marquee { padding:18px 0 68px; }
.cm-quote { padding:38px 0 82px; }
.cm-residence-pair { margin-bottom:88px; }
.cm-residence-card { min-height:414px; }
.cm-projects { gap:72px; padding-bottom:86px; }
.cm-projects > article { display:grid; grid-template-columns:minmax(230px, .72fr) minmax(0, 1.28fr); gap:30px; align-items:center; }
.cm-projects > article:nth-child(even) { grid-template-columns:minmax(0, 1.28fr) minmax(230px, .72fr); }
.cm-projects > article:nth-child(even) .cm-project-copy { order:2; }
.cm-projects > article:nth-child(even) .cm-project-visual { order:1; }
.cm-project-copy { width:auto; margin:0; }
.cm-project-visual { min-height:368px; }
.cm-project-lobby { background-image:linear-gradient(0deg, rgba(25,55,37,.18), transparent 58%), url("./assets/chengming-resident-lounge.png"); background-position:center; }
.cm-project-home { background-image:linear-gradient(0deg, rgba(16,37,27,.3), transparent 62%), url("./assets/chengming-quiet-arrival.png"); background-position:center; }
@media (max-width:820px) { .cm-letter { padding:78px 0 35px; }.cm-marquee { padding-bottom:54px; }.cm-quote { padding:32px 0 64px; }.cm-residence-pair { margin-bottom:64px; }.cm-residence-card { min-height:380px; }.cm-projects { gap:52px; padding-bottom:66px; }.cm-projects > article,.cm-projects > article:nth-child(even) { display:block; }.cm-projects > article:nth-child(even) .cm-project-copy,.cm-projects > article:nth-child(even) .cm-project-visual { order:initial; }.cm-project-copy { width:min(440px, 92%); margin:0 0 14px 5%; }.cm-project-visual { min-height:330px; } }

/* 首屏的叙事与概览各自成段，避免卡片边缘压住主张；伏羲服务用清晰的住户语言展开。 */
.cm-bottom-panel { margin:clamp(32px, 5vh, 64px) auto 0; }
.cm-card-light { min-height:522px; }
.cm-card-light h3 { margin-top:45px; margin-bottom:17px; }
.cm-card-light > div { max-width:350px; font-size:13px; line-height:1.66; }
.cm-fuxi-list { display:grid; gap:8px; margin:17px 0 0; padding:0; list-style:none; }
.cm-fuxi-list li { display:grid; grid-template-columns:82px minmax(0, 1fr); gap:9px; padding-top:8px; border-top:1px solid rgba(74,108,83,.17); }
.cm-fuxi-list b { color:#335640; font:700 10px/1.5 var(--cm-body); letter-spacing:.03em; }.cm-fuxi-list span { color:#5c7163; font:11px/1.52 var(--cm-body); }
@media (max-width:820px) { .cm-bottom-panel { margin:34px auto 0; }.cm-card-light { min-height:526px; }.cm-card-light h3 { margin-top:40px; }.cm-fuxi-list li { grid-template-columns:78px minmax(0, 1fr); } }
@media (max-width:520px) { .cm-bottom-panel { margin:29px auto 0; }.cm-card-light { min-height:0; }.cm-card-light h3 { margin-top:34px; }.cm-fuxi-list { gap:7px; }.cm-fuxi-list li { grid-template-columns:75px minmax(0, 1fr); gap:7px; }.cm-fuxi-list span { font-size:10px; line-height:1.48; } }

/* 案件进度以可折叠的本地档案保留在视野边缘，不抢夺报道和资料本身的阅读位置。 */
.clue-archive { position:fixed; z-index:32; right:max(18px, env(safe-area-inset-right)); bottom:max(18px, env(safe-area-inset-bottom)); width:min(356px, calc(100vw - 36px)); color:#e8f8ff; font-family:var(--sans); }
.clue-archive-toggle { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; width:100%; gap:10px; padding:10px 12px 10px 11px; color:inherit; border:1px solid rgba(156,224,255,.42); border-radius:19px; background:linear-gradient(125deg, rgba(8,29,43,.96), rgba(12,49,68,.95)); box-shadow:0 12px 28px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.12); text-align:left; cursor:pointer; backdrop-filter:blur(16px); }
.clue-archive-mark { display:grid; place-items:center; width:31px; height:31px; color:#7de0ff; border:1px solid rgba(117,215,255,.42); border-radius:11px; background:rgba(111,215,255,.08); font:22px/1 var(--serif); box-shadow:inset 0 0 11px rgba(114,220,255,.12); }
.clue-archive-heading { display:grid; gap:2px; min-width:0; }.clue-archive-heading small { color:#94bed0; font:8px/1 var(--mono); letter-spacing:.1em; }.clue-archive-heading strong { color:#f1fbff; font:700 15px/1.1 var(--serif); letter-spacing:-.03em; }
.clue-archive-count { display:grid; place-items:center; min-width:24px; height:24px; padding:0 6px; color:#072132; border-radius:999px; background:#9de9ff; font:700 11px/1 var(--mono); }.clue-archive-arrow { color:#8fdcf4; font:19px/1 var(--serif); transition:transform .2s ease; }.clue-archive.is-open .clue-archive-arrow { transform:rotate(180deg); }
.clue-archive-panel { margin-bottom:9px; overflow:hidden; border:1px solid rgba(159,223,252,.25); border-radius:21px; background:linear-gradient(145deg, rgba(9,29,42,.98), rgba(7,20,30,.98)); box-shadow:0 18px 36px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(18px); }.clue-archive-panel[hidden] { display:none; }
.clue-archive-panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 15px 12px; border-bottom:1px solid rgba(160,224,252,.14); }.clue-archive-panel header p { margin:0 0 3px; color:#effbff; font:700 15px/1.1 var(--serif); }.clue-archive-panel header span { color:#8caab9; font:10px/1.35 var(--sans); }.clue-archive-clear { padding:5px 7px; color:#9dcee0; border:1px solid rgba(154,215,241,.18); border-radius:8px; background:rgba(135,217,249,.08); font:10px var(--sans); cursor:pointer; }.clue-archive-clear:hover { color:#effbff; background:rgba(135,217,249,.16); }
.clue-archive-list { max-height:min(48dvh, 340px); margin:0; padding:6px 8px; overflow:auto; list-style:none; }.clue-archive-list li + li { border-top:1px solid rgba(160,224,252,.1); }.clue-archive-list a { display:grid; grid-template-columns:1fr auto; gap:2px 10px; padding:10px 7px; color:inherit; text-decoration:none; }.clue-archive-list a:hover { background:rgba(138,217,248,.08); }.clue-archive-list span { grid-column:1; color:#80cde7; font:9px/1.15 var(--mono); letter-spacing:.03em; }.clue-archive-list strong { grid-column:1; overflow:hidden; color:#f1fbff; font:600 14px/1.25 var(--sans); text-overflow:ellipsis; white-space:nowrap; }.clue-archive-list b { grid-column:2; grid-row:1 / 3; align-self:center; color:#91ddf4; font:18px/1 var(--serif); }.clue-archive-empty { margin:0; padding:20px 16px 22px; color:#9aafba; font:12px/1.7 var(--sans); }
@media (max-width:520px) { .clue-archive { right:12px; bottom:max(12px, env(safe-area-inset-bottom)); width:calc(100vw - 24px); }.clue-archive-toggle { padding:9px 11px; border-radius:17px; }.clue-archive-panel { border-radius:19px; }.clue-archive-panel header { padding:13px 13px 10px; }.clue-archive-list { max-height:42dvh; } }

/* 线索已读后退回一个安静的圆形标记；只有新资料抵达时才提示成完整的档案条。 */
.clue-archive { transition:width .22s ease; }.clue-archive.is-compact { width:54px; }.clue-archive.is-compact .clue-archive-toggle { grid-template-columns:1fr; width:54px; height:54px; padding:0; border-radius:50%; place-items:center; }.clue-archive.is-compact .clue-archive-mark { width:34px; height:34px; border-radius:50%; }.clue-archive.is-compact .clue-archive-heading,.clue-archive.is-compact .clue-archive-count,.clue-archive.is-compact .clue-archive-arrow { display:none; }.clue-archive.is-open { width:min(356px, calc(100vw - 36px)); }.clue-archive.is-notice .clue-archive-toggle { border-color:rgba(158,230,255,.72); box-shadow:0 0 0 3px rgba(104,211,248,.08), 0 12px 28px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.12); }.clue-archive.is-notice .clue-archive-count { animation:clue-notice-pulse 1.8s ease-in-out infinite; }
@keyframes clue-notice-pulse { 50% { transform:scale(1.12); box-shadow:0 0 0 5px rgba(125,224,255,.13); } }
@media (max-width:520px) { .clue-archive.is-compact { width:52px; }.clue-archive.is-compact .clue-archive-toggle { width:52px; height:52px; }.clue-archive.is-open { width:calc(100vw - 24px); } }
@media (prefers-reduced-motion:reduce) { .clue-archive { transition:none; }.clue-archive.is-notice .clue-archive-count { animation:none; } }

/* 报道正文按“事件摘要—事实叙述”分层，保留公共新闻的克制感与可扫描性。 */
.story-copy { max-width:665px; padding-top:3px; font-size:17px; line-height:1.94; }.story-copy p { margin-bottom:19px; }.story-copy .story-lead { margin:0 0 23px; padding:9px 0 10px 17px; color:#f5fbff; border-left:3px solid var(--blue); background:linear-gradient(90deg, rgba(110,207,246,.11), transparent 80%); font:700 21px/1.6 var(--serif); letter-spacing:-.025em; }.dek { max-width:630px; margin:19px 0 18px; color:#d4e4ed; font:500 18px/1.72 var(--sans); }.byline { padding:11px 0; }.caption { margin-bottom:24px; font-size:10px; letter-spacing:.015em; }
@media (max-width:760px) { .story-copy { font-size:16px; line-height:1.88; }.story-copy p { margin-bottom:17px; }.story-copy .story-lead { margin-bottom:20px; padding:8px 0 9px 13px; font-size:19px; }.dek { font-size:16px; line-height:1.68; } }

/* 伏羲家居：以住宅数字孪生为核心的蓝白电流式住户后台。 */
.fuxi-page { --fx-bg:#07131f; --fx-panel:rgba(10,28,43,.74); --fx-line:rgba(137,220,255,.2); --fx-cyan:#7be4ff; --fx-blue:#339cff; --fx-text:#ecf9ff; --fx-dim:#8da9bb; min-height:100dvh; color:var(--fx-text); background:radial-gradient(circle at 78% 5%, rgba(34,132,214,.17), transparent 30%), var(--fx-bg); font-family:var(--sans); }.fuxi-grid { position:fixed; z-index:0; inset:0; pointer-events:none; opacity:.55; background:linear-gradient(rgba(134,225,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(134,225,255,.035) 1px, transparent 1px), radial-gradient(ellipse at 50% 0%, rgba(81,187,244,.14), transparent 54%); background-size:32px 32px,32px 32px,auto; mask-image:linear-gradient(#000, transparent 82%); }.fuxi-page::before { content:""; position:fixed; z-index:0; top:0; bottom:0; left:238px; width:1px; background:linear-gradient(transparent, rgba(123,228,255,.5), transparent); box-shadow:13px 0 41px rgba(47,167,255,.12); }
.fuxi-side { position:fixed; z-index:4; inset:0 auto 0 0; display:flex; flex-direction:column; width:238px; padding:25px 18px 20px; border-right:1px solid var(--fx-line); background:linear-gradient(180deg, rgba(7,20,31,.95), rgba(6,17,28,.9)); box-shadow:15px 0 55px rgba(0,0,0,.17); backdrop-filter:blur(17px); }.fuxi-brand { display:flex; align-items:center; gap:10px; color:var(--fx-text); text-decoration:none; }.fuxi-brand-glyph { display:grid; place-items:center; width:39px; height:39px; color:#071c2c; border-radius:13px; background:linear-gradient(135deg, #b8f2ff, #45a8ff); box-shadow:0 0 24px rgba(91,207,255,.31); font:800 23px/1 var(--serif); }.fuxi-brand strong { display:block; font:700 19px/1 var(--serif); letter-spacing:-.04em; }.fuxi-brand small { display:block; margin-top:5px; color:#83bad2; font:8px var(--mono); letter-spacing:.12em; }.fuxi-nav { display:grid; gap:5px; margin-top:68px; }.fuxi-nav a { display:flex; align-items:center; gap:11px; padding:11px 10px; color:#8da9bb; border-left:2px solid transparent; font:13px var(--sans); text-decoration:none; transition:.2s ease; }.fuxi-nav a i { color:#4c788e; font:9px var(--mono); font-style:normal; }.fuxi-nav a:hover,.fuxi-nav a.is-active { color:#e8f8ff; border-left-color:var(--fx-cyan); background:linear-gradient(90deg, rgba(96,208,255,.12), transparent); }.fuxi-nav a.is-active i { color:var(--fx-cyan); }.fuxi-side-status { display:flex; align-items:center; gap:9px; margin-top:auto; padding:12px 10px; border-top:1px solid rgba(137,220,255,.13); }.fuxi-side-status > span,.fuxi-live > span { width:8px; height:8px; border-radius:50%; background:#71ebc1; box-shadow:0 0 12px #71ebc1; }.fuxi-side-status p { margin:0; color:#8eaab9; font:10px/1.55 var(--sans); }.fuxi-side-status b { color:#c9e9f7; font:9px var(--mono); letter-spacing:.07em; }.fuxi-return { margin:14px 10px 0; color:#7598aa; font:11px var(--sans); text-decoration:none; }.fuxi-return:hover { color:var(--fx-cyan); }
.fuxi-main { position:relative; z-index:1; width:min(1320px, calc(100% - 238px)); margin-left:238px; padding:29px clamp(20px, 4vw, 58px) 64px; }.fuxi-topbar { display:flex; align-items:end; justify-content:space-between; gap:20px; padding-bottom:23px; }.fuxi-topbar p,.fuxi-section-head p,.fuxi-floor-card header p,.fuxi-ambient header p,.fuxi-chat header p,.fuxi-access header p { margin:0 0 6px; color:#7bb8d3; font:10px var(--mono); letter-spacing:.1em; }.fuxi-topbar h1 { margin:0; color:#f2fbff; font:700 clamp(30px, 4vw, 47px)/1 var(--serif); letter-spacing:-.06em; }.fuxi-live { display:flex; align-items:center; gap:9px; padding:9px 12px; border:1px solid rgba(135,221,255,.2); border-radius:14px; background:rgba(6,20,32,.55); }.fuxi-live small { display:block; color:#84adc0; font:9px var(--sans); }.fuxi-live b { display:block; margin-top:3px; color:#d7f1fb; font:9px var(--mono); letter-spacing:.04em; }
.fuxi-overview { display:grid; grid-template-columns:minmax(0, 1.46fr) minmax(220px, .54fr); gap:16px; }.fuxi-floor-card,.fuxi-ambient,.fuxi-system-grid article,.fuxi-device-list,.fuxi-chat,.fuxi-access { border:1px solid var(--fx-line); background:linear-gradient(145deg, rgba(16,43,61,.79), rgba(5,19,30,.78)); box-shadow:inset 0 1px 0 rgba(238,254,255,.08), 0 18px 45px rgba(0,0,0,.12); backdrop-filter:blur(12px); }.fuxi-floor-card { min-height:481px; padding:19px; overflow:hidden; }.fuxi-floor-card header,.fuxi-ambient header,.fuxi-chat header,.fuxi-access header { display:flex; align-items:start; justify-content:space-between; gap:12px; }.fuxi-floor-card h2,.fuxi-section-head h2,.fuxi-chat h2,.fuxi-access h2 { margin:0; color:#f0fbff; font:700 23px/1.1 var(--serif); letter-spacing:-.05em; }.fuxi-room-filter,.fuxi-quiet-button { padding:8px 10px; color:#bcf1ff; border:1px solid rgba(116,222,255,.3); border-radius:8px; background:rgba(81,177,229,.09); font:10px var(--sans); }.fuxi-room-filter b { margin-left:8px; color:#6cdfff; }.fuxi-floorplan { position:relative; display:grid; place-items:center; min-height:389px; margin-top:8px; overflow:hidden; background:radial-gradient(ellipse at 50% 47%, rgba(44,160,221,.22), transparent 51%); }.fuxi-floorplan::before { content:""; position:absolute; width:75%; height:75%; border:1px solid rgba(122,225,255,.11); border-radius:50%; box-shadow:0 0 44px rgba(65,176,246,.08); }.fuxi-floorplan svg { position:relative; z-index:1; width:min(100%, 690px); overflow:visible; }.plan-shell { fill:rgba(53,160,218,.065); stroke:#91e8ff; stroke-width:2; }.plan-wall { fill:none; stroke:rgba(172,235,255,.62); stroke-width:2; }.plan-door { fill:none; stroke:rgba(144,217,255,.4); stroke-width:1.4; }.plan-zone { fill:rgba(95,191,232,.035); stroke:rgba(142,223,250,.2); stroke-width:1; cursor:pointer; transition:.2s ease; }.plan-zone:hover,.plan-zone.active { fill:rgba(70,191,239,.2); stroke:#84e3ff; filter:drop-shadow(0 0 7px rgba(69,211,255,.45)); }.plan-label text { fill:#c8edfb; font:600 15px var(--sans); text-anchor:middle; }.plan-points circle { fill:#74e7ff; stroke:#d8fbff; stroke-width:3; filter:drop-shadow(0 0 6px #54ddff); animation:plan-pulse 2s ease-in-out infinite; }.fuxi-floor-legend { position:absolute; z-index:2; right:2px; bottom:4px; display:flex; gap:11px; color:#85aaba; font:9px var(--mono); }.fuxi-floor-legend span { display:flex; align-items:center; gap:4px; }.fuxi-floor-legend i { width:6px; height:6px; border-radius:50%; }.fuxi-floor-legend .cyan { background:#76e9ff; }.fuxi-floor-legend .muted { background:#597383; }.fuxi-floor-legend .pulse { background:#6eecc0; box-shadow:0 0 8px #6eecc0; }
.fuxi-ambient { display:flex; flex-direction:column; padding:19px; }.fuxi-ambient header span { color:#76e9c2; font:9px var(--mono); }.fuxi-weather { margin:29px 0 22px; padding-bottom:18px; border-bottom:1px solid rgba(141,220,255,.16); }.fuxi-weather strong { display:block; color:#effcff; font:700 48px/.95 var(--serif); letter-spacing:-.08em; }.fuxi-weather span { color:#8bb4c7; font:11px var(--sans); }.fuxi-ambient dl { display:grid; gap:15px; margin:0; }.fuxi-ambient dl div { display:flex; justify-content:space-between; gap:10px; }.fuxi-ambient dt { color:#83a9bb; font:11px var(--sans); }.fuxi-ambient dd { margin:0; text-align:right; }.fuxi-ambient dd b { color:#dbf8ff; font:700 12px var(--sans); }.fuxi-ambient dd span { display:block; margin-top:3px; color:#62889b; font:9px var(--mono); }.fuxi-energy { margin-top:auto; padding-top:20px; }.fuxi-energy > span { display:block; color:#84a8b9; font:10px var(--sans); }.fuxi-energy strong { display:block; margin:4px 0 9px; color:#d9f7ff; font:700 22px/1 var(--serif); }.fuxi-energy small { color:#7cb0c6; font:10px var(--mono); }.fuxi-energy i { display:block; height:3px; overflow:hidden; background:rgba(111,207,242,.15); }.fuxi-energy i b { display:block; width:68%; height:100%; background:linear-gradient(90deg, #56c9ff, #b1f5ff); box-shadow:0 0 9px #4ad0ff; }
.fuxi-section { margin-top:42px; }.fuxi-section-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:15px; }.fuxi-section-head > span { max-width:340px; color:#89aebe; font:11px/1.5 var(--sans); text-align:right; }.fuxi-system-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }.fuxi-system-grid article { min-height:194px; padding:18px; }.system-icon { display:grid; place-items:center; width:33px; height:33px; color:#80e8ff; border:1px solid rgba(125,227,255,.31); background:rgba(103,205,246,.08); font:22px/1 var(--serif); }.fuxi-system-grid h3 { margin:22px 0 7px; font:700 18px/1 var(--serif); }.fuxi-system-grid p { margin:0; color:#9dbecc; font:11px/1.65 var(--sans); }.fuxi-system-grid b { display:block; margin-top:13px; color:#71e7c2; font:9px var(--mono); letter-spacing:.04em; }
.fuxi-device-section { margin-top:37px; }.fuxi-quiet-button { color:#c8f5ff; cursor:pointer; }.fuxi-quiet-button.is-active { color:#071925; background:#8beaff; }.fuxi-device-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:1px; overflow:hidden; background:rgba(132,220,255,.14); }.fuxi-device-list article { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:11px; min-height:74px; padding:13px 15px; background:rgba(7,23,35,.88); }.device-orb { width:25px; height:25px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #e5fbff, #58d7ff 40%, #164e75 72%); box-shadow:0 0 15px rgba(78,207,255,.52); }.kitchen-orb { background:radial-gradient(circle at 35% 30%, #e5fbff, #91e6bf 42%, #1c6555 73%); }.bath-orb { background:radial-gradient(circle at 35% 30%, #e5fbff, #6589a4 42%, #26394c 73%); box-shadow:none; }.sleep-orb { background:radial-gradient(circle at 35% 30%, #e5fbff, #9088ff 42%, #3b3275 73%); }.fuxi-device-list b { display:block; color:#e5f8ff; font:600 13px var(--sans); }.fuxi-device-list small { display:block; margin-top:4px; color:#80a8ba; font:10px var(--sans); }.device-switch { position:relative; width:35px; height:20px; padding:0; border:1px solid rgba(126,192,220,.28); border-radius:999px; background:#173043; cursor:pointer; }.device-switch i { position:absolute; top:3px; left:3px; width:12px; height:12px; border-radius:50%; background:#87a9b7; transition:.2s ease; }.device-switch.is-on { background:rgba(75,204,243,.28); border-color:#62d9f8; }.device-switch.is-on i { left:18px; background:#d7fbff; box-shadow:0 0 8px #70e2ff; }
.fuxi-lower { display:grid; grid-template-columns:1.06fr .94fr; gap:16px; margin-top:42px; }.fuxi-chat,.fuxi-access { min-height:390px; padding:19px; }.assistant-avatar { display:grid; place-items:center; width:34px; height:34px; color:#062036; border-radius:50%; background:linear-gradient(135deg, #b9f5ff, #55a8ff); font:700 17px var(--serif); }.fuxi-chat-log { display:grid; gap:13px; max-height:236px; margin:19px 0 14px; overflow:auto; padding-right:5px; }.chat { position:relative; max-width:83%; padding:10px 13px 17px; border:1px solid rgba(128,220,255,.19); color:#cae6f2; background:rgba(103,193,231,.075); font:11px/1.6 var(--sans); }.chat p { margin:0; }.chat time { position:absolute; right:9px; bottom:4px; color:#6592a7; font:8px var(--mono); }.chat.assistant { padding-left:35px; }.chat.assistant i { position:absolute; top:10px; left:11px; color:#7ce6ff; font:700 13px var(--serif); font-style:normal; }.chat.user { justify-self:end; color:#e5f9ff; border-color:rgba(115,236,199,.23); background:rgba(74,212,179,.09); }.fuxi-chat-form { display:flex; gap:7px; padding-top:11px; border-top:1px solid rgba(132,219,255,.14); }.fuxi-chat-form input { min-width:0; flex:1; padding:10px 11px; color:#dff7ff; outline:0; border:1px solid rgba(141,219,255,.18); background:rgba(0,12,21,.34); font:11px var(--sans); }.fuxi-chat-form input::placeholder { color:#66899b; }.fuxi-chat-form button { width:37px; color:#062033; border:0; background:#91ecff; font:20px/1 var(--serif); cursor:pointer; }
.access-chip { display:flex; align-items:center; gap:5px; padding:6px 8px; color:#7aedc0; border:1px solid rgba(104,234,188,.19); font:9px var(--mono); }.access-chip i { width:5px; height:5px; border-radius:50%; background:currentColor; box-shadow:0 0 7px currentColor; }.access-visual { position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:132px; margin:19px 0 14px; padding:15px; overflow:hidden; border:1px solid rgba(138,219,255,.19); background:radial-gradient(ellipse at 60% 45%, rgba(45,175,231,.26), transparent 45%), #0a2132; }.access-visual::before,.access-visual::after { content:""; position:absolute; border:1px solid rgba(124,224,255,.28); transform:rotate(25deg); }.access-visual::before { width:190px; height:190px; top:-118px; left:7%; }.access-visual::after { width:255px; height:255px; top:-142px; right:-58px; }.access-lines { position:absolute; inset:0; background:repeating-linear-gradient(90deg, transparent 0 27px, rgba(153,234,255,.12) 28px 29px), linear-gradient(0deg, rgba(6,18,29,.58), transparent); }.access-visual span,.access-visual b { position:relative; z-index:1; }.access-visual span { color:#94d6eb; font:9px var(--mono); letter-spacing:.07em; }.access-visual b { margin-top:6px; color:#edfaff; font:700 20px var(--serif); }.fuxi-access ol { display:grid; gap:10px; margin:0; padding:0; list-style:none; }.fuxi-access li { display:grid; grid-template-columns:42px 1fr; gap:9px; }.fuxi-access time { color:#69d5f2; font:9px var(--mono); }.fuxi-access li b,.fuxi-access li span { display:block; }.fuxi-access li b { color:#dff6ff; font:11px var(--sans); }.fuxi-access li span { margin-top:2px; color:#7ea1b2; font:9px var(--sans); }.access-detail { margin-top:16px; padding:0; color:#8ce3fa; border:0; background:transparent; font:11px var(--sans); cursor:pointer; }.access-detail b { margin-left:6px; font:16px var(--serif); }
@keyframes plan-pulse { 50% { opacity:.45; transform:scale(.88); } }
@media (max-width:1000px) { .fuxi-side { position:relative; flex-direction:row; align-items:center; width:100%; padding:15px 20px; border-right:0; border-bottom:1px solid var(--fx-line); }.fuxi-page::before { display:none; }.fuxi-nav { display:flex; gap:2px; margin:0 auto; }.fuxi-nav a { padding:8px 7px; border-bottom:2px solid transparent; border-left:0; font-size:11px; }.fuxi-nav a i { display:none; }.fuxi-nav a:hover,.fuxi-nav a.is-active { border-bottom-color:var(--fx-cyan); border-left:0; background:none; }.fuxi-side-status,.fuxi-return { display:none; }.fuxi-main { width:100%; margin:0; padding:25px 22px 60px; } }
@media (max-width:700px) { .fuxi-side { padding:12px 14px; }.fuxi-brand-glyph { width:34px; height:34px; border-radius:11px; }.fuxi-brand strong { font-size:16px; }.fuxi-brand small { font-size:7px; }.fuxi-nav { display:none; }.fuxi-topbar { align-items:start; }.fuxi-topbar h1 { font-size:31px; }.fuxi-live { padding:7px; }.fuxi-live b { display:none; }.fuxi-overview,.fuxi-lower { grid-template-columns:1fr; }.fuxi-floor-card { min-height:392px; padding:14px; }.fuxi-floorplan { min-height:292px; }.plan-label text { font-size:13px; }.fuxi-floor-legend { right:0; bottom:0; gap:6px; font-size:8px; }.fuxi-ambient { min-height:280px; }.fuxi-system-grid,.fuxi-device-list { grid-template-columns:1fr; }.fuxi-section { margin-top:29px; }.fuxi-section-head { align-items:start; }.fuxi-section-head > span { display:none; }.fuxi-system-grid article { min-height:0; }.fuxi-system-grid h3 { margin-top:15px; }.fuxi-chat,.fuxi-access { min-height:0; }.fuxi-main { padding:20px 14px 50px; }.fuxi-page .clue-archive { bottom:12px; } }
@media (prefers-reduced-motion:reduce) { .plan-points circle { animation:none; } }

/* 参考户型中标黄的部位转译为智能 AI 节点，暖黄仅用于标示可交互的住宅设备。 */
.plan-assist circle { fill:#f6d86d; stroke:#fff4c3; filter:drop-shadow(0 0 7px rgba(246,216,109,.9)); }.fuxi-floor-legend .assistant { background:#f6d86d; box-shadow:0 0 8px rgba(246,216,109,.9); }.entrance-orb { background:radial-gradient(circle at 35% 30%, #fff9db, #f5d76d 42%, #7b6020 73%); }.balcony-orb { background:radial-gradient(circle at 35% 30%, #e3fbff, #5ed7c4 42%, #195a60 73%); }.curtain-orb { background:radial-gradient(circle at 35% 30%, #eff9ff, #8fb8e7 42%, #345172 73%); }

/* 三层纵向户型：一层车库，二层公共起居，三层私密起居。 */
.fuxi-floor-card { min-height:640px; }.fuxi-floorplan { min-height:546px; align-items:start; padding-top:12px; }.plan-floor-index { fill:#80dff6; font:700 15px var(--mono); letter-spacing:.08em; }.plan-floor-sub { fill:#557b8f; font:8px var(--mono); letter-spacing:.1em; }.garage-orb { background:radial-gradient(circle at 35% 30%, #effdff, #78d8ed 42%, #23546a 73%); }
@media (max-width:700px) { .fuxi-floor-card { min-height:630px; }.fuxi-floorplan { min-height:540px; padding-top:5px; }.plan-label text { font-size:11px; }.plan-floor-index { font-size:12px; }.plan-floor-sub { font-size:7px; } }

/* 资料标题只在结果正文出现一次；页首仅保留检索语境。 */
.browser-title { padding:37px 0 15px; }.browser-title p { margin:0; }
@media (max-width:760px) { .browser-title { padding:28px 0 12px; } }

/* 伏羲家居采用温暖、克制的住户服务界面：把科技感留在数据与动效中，而非堆叠在边框上。 */
body.fuxi-page { --fx-bg:#f9fafb; --fx-panel:#ffffff; --fx-line:rgba(148,163,184,.22); --fx-cyan:#0a1b33; --fx-blue:#2563eb; --fx-text:#0a1b33; --fx-dim:#64748b; color:var(--fx-text); background:#f9fafb; font-family:Inter, "PingFang SC", "Noto Sans CJK SC", sans-serif; } body.fuxi-page::before { display:none; }.fuxi-page { background:radial-gradient(circle at 10% 0%, rgba(219,234,254,.58), transparent 25%), radial-gradient(circle at 92% 16%, rgba(226,232,240,.72), transparent 28%), #f9fafb; }.fuxi-grid { opacity:1; background:linear-gradient(90deg, rgba(148,163,184,.07) 1px, transparent 1px), linear-gradient(rgba(148,163,184,.06) 1px, transparent 1px); background-size:42px 42px; mask-image:linear-gradient(180deg, #000, transparent 54%); }.fuxi-page::before { display:none; }
.fuxi-side { position:fixed; z-index:20; inset:auto auto 28px 50%; flex-direction:row; align-items:center; width:auto; max-width:calc(100vw - 28px); padding:6px; border:1px solid rgba(226,232,240,.84); border-radius:999px; background:rgba(255,255,255,.9); box-shadow:0 12px 40px rgba(15,23,42,.1); transform:translateX(-50%); backdrop-filter:blur(24px); }.fuxi-brand { flex:0 0 auto; padding:0; }.fuxi-brand > span:last-child { display:none; }.fuxi-brand-glyph { width:36px; height:36px; color:#0a1b33; border:1px solid #f1f5f9; border-radius:50%; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.08); font:600 17px/1 Outfit, sans-serif; }.fuxi-nav { display:flex; align-items:center; gap:1px; margin:0 0 0 4px; }.fuxi-nav a { gap:0; padding:10px 12px; color:#64748b; border:0; border-radius:999px; background:transparent; font:600 12px/1 Inter, "PingFang SC", sans-serif; white-space:nowrap; }.fuxi-nav a i { display:none; }.fuxi-nav a:hover,.fuxi-nav a.is-active { color:#fff; border:0; background:#0a152d; }.fuxi-side-status,.fuxi-return { display:none; }
.fuxi-main { width:min(1400px, calc(100% - 40px)); margin:24px auto 126px; padding:40px clamp(24px, 5vw, 68px) 56px; border:1px solid rgba(226,232,240,.76); border-radius:48px; background:rgba(255,255,255,.82); box-shadow:0 40px 100px -20px rgba(15,23,42,.08); }.fuxi-topbar { padding-bottom:30px; }.fuxi-topbar p,.fuxi-section-head p,.fuxi-floor-card header p,.fuxi-ambient header p,.fuxi-chat header p,.fuxi-access header p { color:#64748b; font:500 10px Inter, sans-serif; letter-spacing:.08em; }.fuxi-topbar h1 { color:#0a1b33; font:500 clamp(32px, 4.2vw, 56px)/.98 Outfit, "PingFang SC", sans-serif; letter-spacing:-.065em; }.fuxi-live { padding:9px 12px; border:1px solid #e2e8f0; border-radius:999px; background:rgba(255,255,255,.88); box-shadow:0 2px 8px rgba(15,23,42,.04); }.fuxi-live > span,.fuxi-side-status > span { width:7px; height:7px; background:#34d399; box-shadow:0 0 0 4px rgba(52,211,153,.12); }.fuxi-live small { color:#64748b; font:500 10px Inter, sans-serif; }.fuxi-live b { color:#0a1b33; font:600 9px Inter, sans-serif; letter-spacing:.04em; }
.fuxi-overview { gap:18px; }.fuxi-floor-card,.fuxi-ambient,.fuxi-system-grid article,.fuxi-device-list,.fuxi-chat,.fuxi-access { border:1px solid rgba(226,232,240,.92); border-radius:28px; background:rgba(255,255,255,.88); box-shadow:0 14px 34px rgba(15,23,42,.045); backdrop-filter:blur(14px); }.fuxi-floor-card { padding:23px; }.fuxi-floor-card h2,.fuxi-section-head h2,.fuxi-chat h2,.fuxi-access h2 { color:#0a1b33; font:500 25px/1.08 Outfit, "PingFang SC", sans-serif; letter-spacing:-.055em; }.fuxi-room-filter,.fuxi-quiet-button { padding:10px 13px; color:#0a1b33; border:1px solid rgba(203,213,225,.8); border-radius:999px; background:#fff; box-shadow:0 2px 6px rgba(15,23,42,.04); font:600 11px Inter, "PingFang SC", sans-serif; transition:.2s ease; }.fuxi-room-filter:hover,.fuxi-quiet-button:hover { border-color:#94a3b8; transform:translateY(-1px); }.fuxi-room-filter b { color:#0a1b33; }.fuxi-floorplan { border-radius:22px; background:linear-gradient(135deg, #f8fafc, #eef4fa); }.fuxi-floorplan::before { width:68%; height:68%; border-color:rgba(148,163,184,.18); box-shadow:none; }.plan-shell { fill:rgba(255,255,255,.7); stroke:#31556f; stroke-width:1.8; }.plan-wall { stroke:rgba(49,85,111,.52); stroke-width:1.7; }.plan-zone { fill:rgba(37,99,235,.025); stroke:rgba(49,85,111,.18); }.plan-zone:hover,.plan-zone.active { fill:rgba(37,99,235,.1); stroke:#2563eb; filter:drop-shadow(0 3px 5px rgba(37,99,235,.16)); }.plan-label text { fill:#29445a; font:600 14px Inter, "PingFang SC", sans-serif; }.plan-floor-index { fill:#0a1b33; }.plan-floor-sub { fill:#94a3b8; }.plan-assist circle { fill:#f2c94c; stroke:#fff; filter:drop-shadow(0 2px 5px rgba(198,141,8,.32)); }.fuxi-floor-legend { color:#64748b; }.fuxi-floor-legend .cyan { background:#2563eb; }.fuxi-floor-legend .muted { background:#cbd5e1; }.fuxi-floor-legend .assistant { background:#f2c94c; box-shadow:none; }
.fuxi-ambient { padding:23px; }.fuxi-ambient header span { color:#059669; font:600 9px Inter, sans-serif; }.fuxi-weather { border-bottom-color:#e2e8f0; }.fuxi-weather strong,.fuxi-energy strong { color:#0a1b33; font-family:Outfit, "PingFang SC", sans-serif; }.fuxi-weather span,.fuxi-ambient dt,.fuxi-energy > span { color:#64748b; }.fuxi-ambient dd b { color:#0a1b33; }.fuxi-ambient dd span,.fuxi-energy small { color:#94a3b8; }.fuxi-energy i { border-radius:999px; background:#e2e8f0; }.fuxi-energy i b { background:linear-gradient(90deg, #0a1b33, #7399ba); box-shadow:none; }
.fuxi-section { margin-top:48px; }.fuxi-section-head > span { color:#64748b; }.fuxi-system-grid { gap:16px; }.fuxi-system-grid article { min-height:205px; padding:22px; transition:transform .22s ease, box-shadow .22s ease; }.fuxi-system-grid article:hover { transform:translateY(-3px); box-shadow:0 18px 40px rgba(15,23,42,.09); }.system-icon { width:36px; height:36px; color:#0a1b33; border:1px solid #e2e8f0; border-radius:50%; background:#f8fafc; font-family:Outfit, sans-serif; }.fuxi-system-grid h3 { color:#0a1b33; font:500 20px/1 Outfit, "PingFang SC", sans-serif; }.fuxi-system-grid p { color:#64748b; font:13px/1.65 Inter, "PingFang SC", sans-serif; }.fuxi-system-grid b { color:#0f766e; font:600 10px Inter, sans-serif; }
.fuxi-device-list { gap:8px; padding:8px; overflow:visible; background:rgba(248,250,252,.9); }.fuxi-device-list article { min-height:76px; border:1px solid transparent; border-radius:20px; background:#fff; transition:.2s ease; }.fuxi-device-list article:hover { border-color:#cbd5e1; box-shadow:0 5px 14px rgba(15,23,42,.05); }.fuxi-device-list b { color:#0a1b33; font:600 13px Inter, "PingFang SC", sans-serif; }.fuxi-device-list small { color:#64748b; font:10px Inter, "PingFang SC", sans-serif; }.device-switch { border-color:#cbd5e1; background:#e2e8f0; }.device-switch i { background:#fff; }.device-switch.is-on { border-color:#0a152d; background:#0a152d; }.device-switch.is-on i { background:#fff; box-shadow:none; }
.fuxi-lower { gap:18px; }.fuxi-chat,.fuxi-access { padding:23px; }.assistant-avatar { color:#fff; background:#0a152d; font-family:Outfit, sans-serif; }.fuxi-chat-log { scrollbar-color:#cbd5e1 transparent; }.chat { color:#334155; border-color:#e2e8f0; border-radius:18px; background:#f8fafc; font:12px/1.6 Inter, "PingFang SC", sans-serif; }.chat time { color:#94a3b8; font-family:Inter, sans-serif; }.chat.assistant i { color:#0a1b33; font-family:Outfit, sans-serif; }.chat.user { color:#fff; border-color:#0a152d; background:#0a152d; }.fuxi-chat-form { border-top-color:#e2e8f0; }.fuxi-chat-form input { color:#0a1b33; border-color:#e2e8f0; border-radius:999px; background:#f8fafc; font:12px Inter, "PingFang SC", sans-serif; }.fuxi-chat-form input::placeholder { color:#94a3b8; }.fuxi-chat-form button { border-radius:50%; color:#fff; background:#0a152d; font-family:Outfit, sans-serif; }.access-chip { color:#059669; border-color:#bbf7d0; border-radius:999px; background:#f0fdf4; font-family:Inter, sans-serif; }.access-visual { border-color:#e2e8f0; border-radius:20px; background:linear-gradient(135deg, #eff6ff, #f8fafc); }.access-visual::before,.access-visual::after { border-color:rgba(37,99,235,.16); }.access-lines { background:repeating-linear-gradient(90deg, transparent 0 27px, rgba(37,99,235,.1) 28px 29px), linear-gradient(0deg, rgba(255,255,255,.86), transparent); }.access-visual span { color:#64748b; font-family:Inter, sans-serif; }.access-visual b,.fuxi-access li b { color:#0a1b33; font-family:Outfit, "PingFang SC", sans-serif; }.fuxi-access time { color:#2563eb; font-family:Inter, sans-serif; }.fuxi-access li span { color:#64748b; }.access-detail { color:#0a1b33; font:600 12px Inter, "PingFang SC", sans-serif; }.access-detail b { font-family:Outfit, sans-serif; }
@media (max-width:700px) { .fuxi-main { width:calc(100% - 20px); margin:10px auto 112px; padding:28px 16px 40px; border-radius:28px; }.fuxi-side { bottom:16px; max-width:calc(100vw - 20px); }.fuxi-nav a { padding:10px 8px; font-size:11px; }.fuxi-nav a:nth-child(n+4) { display:none; }.fuxi-floor-card { padding:15px; }.fuxi-floorplan { min-height:540px; }.fuxi-topbar { padding-bottom:24px; }.fuxi-live { padding:7px 9px; }.fuxi-section { margin-top:38px; }.fuxi-system-grid article,.fuxi-chat,.fuxi-access { border-radius:22px; } }

/* 户型图按建筑导览图绘制：墙、门、窗与家具有不同层级，智能 AI 节点只承担固定的位置提示。 */
.fuxi-floorplan { padding:16px; border:1px solid #edf1f4; border-radius:20px; background:#fbfcfd; }.fuxi-floorplan::before { display:none; }.fuxi-floorplan svg { width:min(100%, 720px); }.plan-shell { fill:#fff; stroke:#153047; stroke-width:3.5; }.plan-wall { stroke:#153047; stroke-width:2.5; }.plan-zone { fill:#f8fafb; stroke:transparent; transition:fill .18s ease; }.plan-zone:hover,.plan-zone.active { fill:#edf5f8; stroke:transparent; filter:none; }.plan-window path,.plan-window { fill:none; stroke:#65b9d7; stroke-width:3; stroke-linecap:round; }.plan-door { fill:none; stroke:#7893a2; stroke-width:1.4; }.plan-furniture { fill:none; stroke:#8fa4ae; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }.plan-furniture rect,.plan-furniture ellipse { fill:#f4f7f8; }.plan-furniture .plan-car { fill:#eef5f7; stroke:#5a7684; stroke-width:1.6; }.plan-label text { fill:#2b4656; font:600 12px Inter, "PingFang SC", sans-serif; letter-spacing:.02em; }.plan-floor-index { fill:#0a1b33; font:700 14px Inter, sans-serif; }.plan-floor-sub { fill:#94a3b8; font:600 7px Inter, sans-serif; letter-spacing:.12em; }.plan-assist circle { fill:#f4c64e; stroke:#fff9dc; stroke-width:3; filter:drop-shadow(0 2px 4px rgba(193,139,7,.35)); }.fuxi-floor-legend { right:12px; bottom:12px; padding:6px 8px; border:1px solid rgba(226,232,240,.92); border-radius:999px; background:rgba(255,255,255,.86); box-shadow:0 3px 10px rgba(15,23,42,.06); }
@media (max-width:700px) { .fuxi-floorplan { padding:7px 3px; }.plan-label text { font-size:10px; }.plan-floor-index { font-size:11px; }.plan-floor-sub { font-size:6px; }.fuxi-floor-legend { right:5px; bottom:5px; } }

/* 智能 AI 节点是户型中的固定安装位，不使用呼吸或位移动画。 */
.fuxi-floorplan .plan-points circle { animation:none; }

/* 单层大图替代压缩的三层缩略图，保留建筑制图的秩序，并用冷青色表达数字孪生状态。 */
.fuxi-floor-card { min-height:610px; }.fuxi-floorplan { min-height:500px; padding:18px 20px 28px; background:linear-gradient(145deg, #fdfefe, #edf5f8); }.fuxi-floorplan svg { width:min(100%, 760px); }.plan-level { display:none; }.plan-level.is-active { display:block; }.plan-level-tabs { display:flex; gap:4px; padding:4px; border:1px solid #e2e8f0; border-radius:999px; background:rgba(255,255,255,.88); box-shadow:0 2px 8px rgba(15,23,42,.04); }.plan-level-tabs button { min-width:38px; padding:7px 9px; color:#64748b; border:0; border-radius:999px; background:transparent; font:700 10px Inter, sans-serif; cursor:pointer; transition:.2s ease; }.plan-level-tabs button:hover { color:#0a1b33; }.plan-level-tabs button.is-active { color:#fff; background:#0a1b33; }.plan-sheet-title { fill:#0a1b33; font:700 12px Inter, sans-serif; letter-spacing:.12em; }.plan-dimension { fill:#7891a0; stroke:#aac6d2; stroke-width:1; font:500 10px Inter, sans-serif; }.plan-dimension text { text-anchor:middle; }.plan-shell { fill:#fff; stroke:#102d43; stroke-width:6; }.plan-wall { fill:none; stroke:#31556a; stroke-width:3.5; }.plan-zone { fill:#f7fafb; stroke:none; }.plan-zone.active,.plan-zone:hover { fill:#ecf8fb; }.plan-door { stroke:#6f8e9c; stroke-width:1.8; }.plan-window path,.plan-window { stroke:#4bb6d8; stroke-width:4; }.plan-furniture { stroke:#7793a0; stroke-width:1.5; }.plan-furniture rect,.plan-furniture ellipse { fill:#f6fafb; }.plan-label text { fill:#234358; font:600 13px Inter, "PingFang SC", sans-serif; }.plan-assist circle { fill:#e7c45e; stroke:#fffdf0; stroke-width:4; filter:drop-shadow(0 2px 5px rgba(166,119,0,.35)); }.fuxi-floor-legend { right:16px; bottom:14px; }
@media (max-width:700px) { .fuxi-floor-card { min-height:455px; }.fuxi-floorplan { min-height:375px; padding:9px 2px 18px; }.plan-level-tabs button { min-width:34px; padding:7px 8px; font-size:9px; }.plan-sheet-title { font-size:9px; }.plan-dimension { font-size:8px; }.plan-label text { font-size:10px; }.fuxi-floor-legend { right:7px; bottom:6px; } }

/* 家具符号沿用住宅制图惯例：沙发、圆几、六人餐桌、床和衣柜均有独立轮廓。 */
.plan-public-furniture,.plan-private-furniture { fill:none; stroke:#718b98; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }.plan-public-furniture .plan-sofa,.plan-private-furniture .plan-sofa { fill:#eff4f5; stroke:#5f7c89; stroke-width:2; }.plan-sofa-line,.plan-bed-line { stroke:#9aafb8; }.plan-coffee { fill:#fbfdfd; stroke:#607e8a; stroke-width:2; }.plan-coffee.small { fill:#eef6f8; }.plan-table { fill:#fdfefe; stroke:#607e8a; stroke-width:2; }.plan-chair { fill:none; stroke:#94a9b2; stroke-width:1.5; }.plan-counter,.plan-wardrobe { fill:none; stroke:#78929e; stroke-width:2; }.plan-bath { fill:#edf7fa; stroke:#6592a4; stroke-width:2; }.plan-toilet { fill:#f6fbfc; stroke:#7d99a5; stroke-width:1.6; }.plan-bed { fill:#f7fbfc; stroke:#607e8a; stroke-width:2; }.plan-nightstand { fill:#edf4f6; stroke:#8099a4; }.plan-bed-line { fill:none; stroke-width:1.3; }

/* 住宅设备地图改用生成的建筑图纸：楼层切换只替换对应的单张图，不再压缩手绘家具。 */
.floorplan-vector-fallback { display:none; }.fuxi-floor-card { min-height:0; }.fuxi-floorplan { min-height:0; padding:12px; }.floor-image-stack { position:relative; width:100%; overflow:hidden; border:1px solid rgba(203,213,225,.78); border-radius:16px; background:#f8fafc; aspect-ratio:3 / 2; }.floor-image { display:none; width:100%; height:100%; margin:0; }.floor-image.is-active { display:block; }.floor-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }.fuxi-floor-legend { z-index:1; }.fuxi-floor-legend .assistant { background:#e7c45e; box-shadow:0 2px 5px rgba(166,119,0,.28); } @media (max-width:700px) { .fuxi-floor-card { min-height:0; }.fuxi-floorplan { min-height:0; padding:6px; }.floor-image-stack { border-radius:12px; }.fuxi-floor-legend { right:8px; bottom:8px; } }

/* 警方传讯是从住户系统切入案件的一次主动来电，而非另一个静态导航入口。 */
.police-transmission { position:fixed; z-index:70; inset:0; display:grid; place-items:center; padding:24px; background:rgba(6,17,28,.52); backdrop-filter:blur(12px); }.police-transmission-card { width:min(500px, 100%); padding:30px; color:#dcecf5; border:1px solid rgba(111,209,246,.38); border-radius:24px; background:radial-gradient(circle at 90% 4%, rgba(35,130,174,.2), transparent 34%), linear-gradient(145deg, #0c1c2b, #07121d); box-shadow:0 28px 90px rgba(2,9,16,.48); }.police-transmission-signal { display:flex; align-items:center; gap:9px; color:#85d7f2; font:600 10px Inter, sans-serif; letter-spacing:.1em; }.police-transmission-signal i,.police-content header > span i { width:8px; height:8px; border-radius:50%; background:#63e6c0; box-shadow:0 0 0 5px rgba(99,230,192,.1); }.police-transmission-ref { margin:30px 0 13px; color:#7292a6; font:10px Inter, sans-serif; letter-spacing:.13em; }.police-transmission-card h2 { margin:0; color:#f2fbff; font:500 clamp(29px, 6vw, 41px)/1.02 Outfit, "PingFang SC", sans-serif; letter-spacing:-.055em; }.police-transmission-card > p:not(.police-transmission-ref):not(.police-transmission-note) { margin:20px 0 0; color:#a9c0cf; font:14px/1.75 Inter, "PingFang SC", sans-serif; }.police-transmission-note { margin:16px 0 0; padding:11px 13px; color:#8fe0f7; border-left:2px solid #51bddd; background:rgba(101,205,244,.07); font:12px/1.6 Inter, "PingFang SC", sans-serif; }.police-transmission-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:26px; }.police-transmission-actions button,.police-transmission-actions a { padding:10px 13px; border:1px solid rgba(129,189,214,.27); border-radius:999px; font:600 12px Inter, "PingFang SC", sans-serif; cursor:pointer; text-decoration:none; }.police-transmission-actions button { color:#acc4d1; background:transparent; }.police-transmission-actions a { color:#081823; background:#9be5f8; }.police-transmission-actions b { margin-left:5px; font-size:16px; }

/* 警局协查终端：像归档柜的内页，低光、窄栏、用青色仅标示可操作的权限。 */
body.police-page { min-height:100dvh; color:#dcebf2; background:#07131e; font-family:Inter, "PingFang SC", sans-serif; }.police-page::before { display:none; }.police-grid { position:fixed; z-index:0; inset:0; pointer-events:none; background:linear-gradient(90deg, rgba(133,210,239,.045) 1px, transparent 1px), linear-gradient(rgba(133,210,239,.035) 1px, transparent 1px); background-size:34px 34px; mask-image:linear-gradient(#000, transparent 72%); }.police-header { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:16px; width:min(1160px, calc(100% - 40px)); margin:0 auto; padding:22px 0; color:#7697aa; border-bottom:1px solid rgba(129,190,214,.18); }.police-header a { display:inline-flex; align-items:center; gap:8px; color:#b6d6e4; font:12px Inter, sans-serif; text-decoration:none; }.police-header a span { display:grid; place-items:center; width:25px; height:25px; color:#9ce4f7; border:1px solid rgba(132,210,240,.36); border-radius:50%; }.police-header p,.police-header small { margin:0; font:10px Inter, sans-serif; letter-spacing:.09em; }.police-main { position:relative; z-index:1; width:min(920px, calc(100% - 40px)); margin:0 auto; padding:80px 0 112px; }.police-gate { width:min(590px, 100%); margin:0 auto; padding:36px; border:1px solid rgba(111,209,246,.29); border-radius:26px; background:linear-gradient(145deg, rgba(15,38,56,.96), rgba(7,18,29,.96)); box-shadow:0 30px 80px rgba(0,0,0,.25); }.police-eyebrow { margin:0; color:#82cde7; font:600 10px Inter, sans-serif; letter-spacing:.14em; }.police-gate h1,.police-content h1 { margin:14px 0 0; color:#eefaff; font:500 clamp(34px, 6vw, 52px)/1 Outfit, "PingFang SC", sans-serif; letter-spacing:-.065em; }.police-intro { margin:19px 0 0; color:#9eb8c7; font:14px/1.75 Inter, "PingFang SC", sans-serif; }.police-riddle { margin-top:27px; padding:18px; border:1px solid rgba(116,196,225,.16); border-radius:17px; background:rgba(108,192,226,.055); }.police-riddle span { color:#6fd1ee; font:600 10px Inter, sans-serif; letter-spacing:.11em; }.police-riddle p { margin:10px 0 0; color:#d4e6ef; font:15px/1.75 Inter, "PingFang SC", sans-serif; }.police-gate-form { display:grid; gap:13px; margin-top:21px; }.police-gate-form label { display:grid; gap:7px; color:#88a6b6; font:11px Inter, sans-serif; }.police-gate-form input { width:100%; padding:13px 14px; color:#effbff; border:1px solid rgba(126,205,235,.25); border-radius:13px; outline:0; background:rgba(3,13,22,.65); font:14px Inter, "PingFang SC", sans-serif; }.police-gate-form input:focus { border-color:#75d7f3; box-shadow:0 0 0 4px rgba(83,193,230,.1); }.police-gate-form button { padding:13px; color:#07202d; border:0; border-radius:13px; background:#9ce3f5; font:700 13px Inter, "PingFang SC", sans-serif; cursor:pointer; }.police-gate-feedback { min-height:18px; margin:12px 0 0; color:#efaaa7; font:12px Inter, "PingFang SC", sans-serif; }.police-content > header { display:flex; align-items:end; justify-content:space-between; gap:20px; }.police-content header > span { display:flex; align-items:center; gap:8px; padding:8px 11px; color:#9ae5cf; border:1px solid rgba(97,224,185,.22); border-radius:999px; background:rgba(77,195,156,.07); font:600 10px Inter, sans-serif; white-space:nowrap; }.police-case-summary { display:grid; grid-template-columns:1.4fr repeat(3, 1fr); gap:1px; margin-top:35px; overflow:hidden; border:1px solid rgba(129,190,214,.18); border-radius:19px; background:rgba(129,190,214,.18); }.police-case-summary > * { min-height:104px; margin:0; padding:18px; background:rgba(9,26,39,.88); }.police-case-summary p { color:#7c9aac; font:11px/1.65 Inter, sans-serif; }.police-case-summary p b { display:block; margin-top:6px; color:#dff6ff; font:600 15px Inter, sans-serif; }.police-case-summary div strong,.police-case-summary div span { display:block; }.police-case-summary div strong { color:#dff6ff; font:500 19px Outfit, "PingFang SC", sans-serif; }.police-case-summary div span { margin-top:8px; color:#829eae; font:11px/1.5 Inter, "PingFang SC", sans-serif; }.police-records { display:grid; grid-template-columns:repeat(3, 1fr); gap:13px; margin-top:18px; }.police-records article { min-height:185px; padding:19px; border:1px solid rgba(129,190,214,.18); border-radius:19px; background:rgba(9,26,39,.78); }.police-records p { margin:0; color:#88aec0; font:10px Inter, sans-serif; letter-spacing:.08em; }.police-records h2 { margin:29px 0 0; color:#e7f7fd; font:500 23px/1.1 Outfit, "PingFang SC", sans-serif; letter-spacing:-.04em; }.police-records span { display:inline-block; margin-top:13px; padding:5px 7px; border-radius:999px; font:600 9px Inter, sans-serif; }.police-records .is-available span { color:#a3ead8; background:rgba(84,199,163,.12); }.police-records .is-locked { opacity:.62; }.police-records .is-locked span { color:#afc1ca; background:rgba(145,171,185,.11); }.police-records small { display:block; margin-top:14px; color:#7e9aa9; font:11px/1.55 Inter, "PingFang SC", sans-serif; }.police-footnote { margin:25px 0 0; color:#6f8d9e; font:11px/1.65 Inter, "PingFang SC", sans-serif; }
@media (max-width:700px) { .police-header { width:calc(100% - 28px); padding:16px 0; }.police-header p { display:none; }.police-main { width:calc(100% - 28px); padding:44px 0 88px; }.police-gate { padding:25px 19px; border-radius:21px; }.police-content > header { align-items:start; flex-direction:column; }.police-case-summary,.police-records { grid-template-columns:1fr; }.police-case-summary > * { min-height:0; }.police-records article { min-height:150px; }.police-transmission { padding:15px; }.police-transmission-card { padding:25px 20px; border-radius:21px; }.police-transmission-actions { align-items:stretch; flex-direction:column-reverse; }.police-transmission-actions button,.police-transmission-actions a { text-align:center; } }

/* 警局端改为城市指挥台：深蓝底是案卷空间，流动的蓝色链路只表示案件数据正在接入。 */
body.police-page { color:#d8efff; background:radial-gradient(ellipse at 75% -16%, #0a4f9d 0, rgba(6,53,106,.65) 23%, transparent 51%), linear-gradient(135deg, #020918, #041a3a 50%, #020b1a); }.police-page::after { content:""; position:fixed; z-index:0; inset:0; pointer-events:none; background:linear-gradient(90deg, transparent 0 13%, rgba(31,193,255,.08) 13.08% 13.16%, transparent 13.25% 70%, rgba(31,193,255,.06) 70.08% 70.16%, transparent 70.25%), repeating-linear-gradient(0deg, transparent 0 108px, rgba(80,177,255,.06) 109px 110px); }.police-grid { opacity:.84; background:linear-gradient(90deg, rgba(56,173,255,.085) 1px, transparent 1px), linear-gradient(rgba(56,173,255,.06) 1px, transparent 1px); background-size:46px 46px; mask-image:linear-gradient(#000, rgba(0,0,0,.34) 68%, transparent); }.police-header { width:min(1280px, calc(100% - 48px)); min-height:76px; padding:14px 0; border-bottom-color:rgba(67,194,255,.4); }.police-header::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:linear-gradient(90deg, transparent 0 18%, #1bd7ff 29%, #1675d7 56%, transparent 78%); box-shadow:0 0 16px rgba(32,192,255,.7); }.police-header > a { position:relative; z-index:1; color:#b8eaff; font-weight:600; }.police-header > a span { width:34px; height:34px; color:#e2f9ff; border-color:#26bff4; border-radius:6px; background:linear-gradient(145deg, rgba(26,168,236,.35), rgba(6,47,100,.7)); box-shadow:inset 0 0 16px rgba(68,216,255,.17), 0 0 12px rgba(32,186,246,.12); }.police-brand { position:absolute; left:50%; display:flex; flex-direction:column; gap:3px; text-align:center; transform:translateX(-50%); }.police-brand b { color:#effcff; font:600 17px/1 Outfit, "PingFang SC", sans-serif; letter-spacing:.08em; }.police-brand small { color:#5dcaf5; font:600 8px/1 Inter, sans-serif; letter-spacing:.16em; }.police-header-status { display:flex; align-items:center; gap:8px; color:#a6ddf5; font:600 10px Inter, sans-serif; }.police-header-status > i { width:7px; height:7px; border-radius:50%; background:#2be9bc; box-shadow:0 0 12px #2be9bc; }.police-header-status small { margin-left:9px; padding-left:10px; color:#68a8d0; border-left:1px solid rgba(103,203,247,.3); letter-spacing:.12em; }.police-main { width:min(1190px, calc(100% - 48px)); padding-top:56px; }.police-gate { position:relative; width:min(660px, 100%); padding:42px; overflow:hidden; border-color:rgba(41,196,255,.68); border-radius:3px; background:linear-gradient(105deg, rgba(5,34,76,.96), rgba(6,21,51,.96)); box-shadow:inset 0 0 0 1px rgba(75,213,255,.1), 0 0 45px rgba(12,133,230,.16); clip-path:polygon(0 15px, 15px 0, calc(100% - 44px) 0, 100% 44px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px)); }.police-gate::before { content:"ACCESS / BPD-001 / TEMPORARY"; position:absolute; top:17px; right:26px; color:rgba(109,212,251,.46); font:600 8px Inter, sans-serif; letter-spacing:.16em; }.police-gate::after { content:""; position:absolute; top:0; right:0; width:34%; height:2px; background:#26d5ff; box-shadow:0 0 14px rgba(38,213,255,.8); }.police-eyebrow { color:#60d4ff; letter-spacing:.18em; }.police-gate h1,.police-content h1 { color:#effaff; text-shadow:0 0 19px rgba(71,211,255,.2); }.police-intro { color:#a9c9e3; }.police-riddle { border-color:rgba(66,191,249,.3); border-radius:3px; background:linear-gradient(90deg, rgba(22,149,225,.13), rgba(24,114,192,.04)); }.police-riddle span { color:#5ce1ff; }.police-riddle p { color:#d9effc; }.police-gate-form input { border-radius:3px; border-color:rgba(64,186,246,.42); background:#031127; }.police-gate-form button { border-radius:3px; color:#eafaff; background:linear-gradient(90deg, #076ed3, #11b7ed); box-shadow:0 0 18px rgba(17,183,237,.3); }.police-content { position:relative; padding:30px; border:1px solid rgba(50,185,246,.46); background:linear-gradient(110deg, rgba(4,26,60,.93), rgba(4,18,43,.9)); box-shadow:inset 0 0 60px rgba(11,102,191,.1), 0 20px 70px rgba(0,0,0,.17); clip-path:polygon(0 18px, 18px 0, calc(100% - 80px) 0, 100% 32px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px)); }.police-content::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg, transparent 0 50%, rgba(43,181,247,.08) 50.08% 50.16%, transparent 50.25%); }.police-content > header { position:relative; z-index:1; }.police-content header > span { color:#92f3de; border-color:rgba(55,234,194,.36); border-radius:3px; background:rgba(33,211,166,.1); }.police-console-strip { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; min-height:52px; margin-top:25px; padding:0 15px; border-top:1px solid rgba(75,194,244,.38); border-bottom:1px solid rgba(75,194,244,.22); background:linear-gradient(90deg, rgba(12,108,186,.34), rgba(6,35,78,.16)); }.police-console-strip > span { color:#59d4fa; font:600 10px Inter, sans-serif; letter-spacing:.1em; }.police-console-strip b { color:#cceeff; font:500 12px Inter, "PingFang SC", sans-serif; }.police-console-strip div { display:flex; gap:4px; }.police-console-strip i { width:18px; height:4px; background:#1666ad; }.police-console-strip i:nth-child(-n+3) { background:#33d7fa; box-shadow:0 0 7px rgba(51,215,250,.55); }.police-case-summary { position:relative; z-index:1; gap:1px; margin-top:17px; border-color:rgba(48,188,246,.34); border-radius:0; background:rgba(48,188,246,.27); }.police-case-summary > * { position:relative; min-height:111px; background:linear-gradient(145deg, rgba(5,38,82,.96), rgba(4,21,53,.96)); }.police-case-summary > *::after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:linear-gradient(90deg, #0b63bd, #29d5ff, transparent); opacity:.8; }.police-case-summary p { color:#71bfe6; }.police-case-summary p b,.police-case-summary div strong { color:#edfaff; }.police-case-summary div span { color:#94b9d3; }.police-records { position:relative; z-index:1; gap:10px; }.police-records article { position:relative; min-height:202px; overflow:hidden; border-color:rgba(53,184,246,.4); border-radius:0; background:linear-gradient(145deg, rgba(8,48,101,.92), rgba(4,23,56,.92)); clip-path:polygon(0 11px, 11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%); }.police-records article::after { content:""; position:absolute; right:-12%; bottom:-35%; width:80%; height:80%; border:1px solid rgba(67,212,255,.17); transform:rotate(36deg); }.police-records article:hover { border-color:#42ddff; box-shadow:inset 0 0 22px rgba(24,168,235,.15), 0 0 18px rgba(32,177,244,.16); }.police-records p { color:#66cdf3; }.police-records h2 { position:relative; z-index:1; color:#e7f9ff; }.police-records .is-available span { color:#83f3df; background:rgba(39,218,183,.12); }.police-records small { position:relative; z-index:1; color:#8ab4d0; }.police-footnote { position:relative; z-index:1; color:#679bbb; }.police-gate-feedback { color:#ff9e9a; }
@media (max-width:700px) { .police-header { width:calc(100% - 26px); }.police-brand { position:static; left:auto; margin-right:auto; transform:none; text-align:left; }.police-brand b { font-size:14px; }.police-brand small,.police-header-status span { display:none; }.police-header-status small { margin-left:0; padding-left:0; border:0; }.police-main { width:calc(100% - 26px); }.police-gate { padding:32px 21px; }.police-content { padding:20px 15px; }.police-console-strip { grid-template-columns:1fr auto; gap:6px; min-height:72px; padding:10px; }.police-console-strip b { grid-column:1 / -1; }.police-console-strip div { grid-column:2; grid-row:1; }.police-case-summary { margin-top:12px; } }

.police-brand { align-items:center; gap:10px; }.police-brand > div { display:flex; flex-direction:column; gap:3px; }.police-emblem { position:relative; display:grid; place-items:center; width:40px; height:40px; overflow:hidden; color:#e8fbff; border:1px solid #39d5ff; border-radius:50% 50% 42% 42%; background:radial-gradient(circle at 50% 42%, rgba(56,220,255,.38), rgba(7,76,151,.65) 46%, rgba(2,20,54,.95) 72%); box-shadow:inset 0 0 13px rgba(120,238,255,.44), 0 0 16px rgba(26,199,255,.28); }.police-emblem::before,.police-emblem::after { content:""; position:absolute; inset:6px; border:1px solid rgba(171,244,255,.54); border-radius:50%; }.police-emblem::after { inset:11px 6px; border-width:1px 0; border-radius:0; }.police-emblem i { position:absolute; width:2px; height:29px; background:#aef4ff; box-shadow:0 0 7px rgba(138,239,255,.9); }.police-emblem b { position:relative; z-index:1; font:15px/1 Outfit, sans-serif; text-shadow:0 0 8px #d6f9ff; }.police-brand > b { display:none; }.police-brand small { display:block; }

.police-password-rule dl { margin:15px 0 0; }.police-password-rule dl div { display:grid; grid-template-columns:92px 1fr; gap:12px; padding:10px 0; border-top:1px solid rgba(86,201,246,.2); }.police-password-rule dt { color:#84b9d2; font:600 11px Inter, "PingFang SC", sans-serif; }.police-password-rule dd { margin:0; color:#d9f6ff; font:600 13px Inter, monospace; letter-spacing:.11em; }

.police-brand { flex-direction:row; text-align:left; }

.police-header { justify-content:space-between; }.police-header .police-brand { position:relative; left:auto; transform:none; }.clue-archive-actions { display:flex; align-items:center; gap:6px; }.clue-archive-home,.clue-archive-police { padding:5px 7px; color:#9dcee0; border:1px solid rgba(154,215,241,.18); border-radius:8px; background:rgba(135,217,249,.08); font:10px var(--sans); text-decoration:none; }.clue-archive-home:hover,.clue-archive-police:hover { color:#effbff; background:rgba(135,217,249,.16); }.clue-archive-home[hidden],.clue-archive-police[hidden] { display:none; }

/* 案件工作台将已确认记录、待调阅卷宗和联络席分开，避免把推断混入原始资料。 */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.police-workspace { position:relative; z-index:1; border:1px solid rgba(54,189,249,.4); background:linear-gradient(135deg, rgba(3,27,64,.91), rgba(3,15,38,.88)); box-shadow:inset 0 0 60px rgba(15,119,207,.08); }
.police-workspace-topbar { position:relative; display:grid; grid-template-columns:minmax(0, 1fr) minmax(270px, .78fr); gap:20px; align-items:end; padding:22px 22px 18px; border-bottom:1px solid rgba(75,194,244,.24); }
.police-workspace-topbar h2,.police-panel-head h2 { margin:8px 0 0; color:#eaf9ff; font:500 clamp(22px, 3vw, 31px)/1 Outfit, "PingFang SC", sans-serif; letter-spacing:-.045em; }
.police-search { position:relative; display:grid; gap:6px; color:#7db9d9; font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.12em; }
.police-search input { width:100%; min-height:40px; padding:0 13px; color:#ebfaff; border:1px solid rgba(77,198,249,.36); border-radius:0; outline:0; background:rgba(2,14,34,.78); box-shadow:inset 3px 0 #0e78c4; font:13px Inter, "PingFang SC", sans-serif; }
.police-search input:focus { border-color:#51d9ff; box-shadow:inset 3px 0 #36d6ff, 0 0 0 3px rgba(44,189,244,.12); }
.police-search-results { position:absolute; z-index:8; top:calc(100% - 10px); right:22px; width:min(440px, calc(100% - 44px)); overflow:hidden; border:1px solid rgba(71,211,255,.42); background:#051933; box-shadow:0 18px 38px rgba(0,0,0,.34); }
.police-search-results button { display:grid; grid-template-columns:82px minmax(0, 1fr) auto; gap:10px; width:100%; padding:11px 13px; color:#dff6ff; border:0; border-bottom:1px solid rgba(87,199,244,.16); background:transparent; text-align:left; cursor:pointer; }
.police-search-results button:hover { background:rgba(39,176,233,.13); }.police-search-results button span { color:#68cbea; font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.08em; }.police-search-results button strong { font:600 12px Inter, "PingFang SC", sans-serif; }.police-search-results button b { color:#64daf8; font-size:14px; }.police-search-results p { margin:0; padding:14px; color:#91b5ca; font:12px/1.6 Inter, "PingFang SC", sans-serif; }
.police-module-tabs { display:grid; grid-template-columns:repeat(4, 1fr); border-bottom:1px solid rgba(75,194,244,.24); }.police-module-tabs button { position:relative; min-height:58px; padding:0 14px; color:#80a9c3; border:0; border-right:1px solid rgba(75,194,244,.18); background:rgba(4,24,56,.48); font:600 12px Inter, "PingFang SC", sans-serif; text-align:left; cursor:pointer; }.police-module-tabs button:last-child { border-right:0; }.police-module-tabs button span { display:inline-block; margin-right:9px; color:#3987b3; font:600 9px Inter, monospace; }.police-module-tabs button::after { content:""; position:absolute; right:14px; bottom:0; left:14px; height:2px; background:#39d9ff; box-shadow:0 0 11px rgba(47,212,255,.76); transform:scaleX(0); transform-origin:left; transition:transform .18s ease; }.police-module-tabs button:hover { color:#d1effc; background:rgba(24,122,184,.12); }.police-module-tabs button.is-active { color:#e9faff; background:linear-gradient(180deg, rgba(21,147,217,.19), transparent); }.police-module-tabs button.is-active span { color:#67e1ff; }.police-module-tabs button.is-active::after { transform:scaleX(1); }.police-module-tabs button:focus-visible { z-index:1; outline:2px solid #63ddfb; outline-offset:-2px; }
.police-module-panel { padding:24px 22px 26px; }.police-panel-head { display:flex; align-items:start; justify-content:space-between; gap:16px; padding-bottom:17px; border-bottom:1px solid rgba(86,193,237,.18); }.police-panel-head p,.police-record-label { margin:0; color:#67c5e8; font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.13em; }.police-state { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; color:#9bc2d5; border:1px solid rgba(130,178,203,.28); background:rgba(117,171,198,.08); font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.08em; white-space:nowrap; }.police-state.is-open { color:#82eed2; border-color:rgba(71,221,181,.34); background:rgba(59,204,166,.1); }.police-state.is-live { color:#90f0d3; border-color:rgba(62,228,187,.38); }.police-state.is-live i { width:6px; height:6px; margin-right:6px; border-radius:50%; background:#42e2b8; box-shadow:0 0 8px #42e2b8; }
.police-report-layout { display:grid; grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr); gap:18px; padding-top:19px; }.police-report-brief { padding:19px; border-left:2px solid #21c7ee; background:linear-gradient(105deg, rgba(23,129,194,.15), rgba(6,34,71,.14)); }.police-report-brief h3,.police-channel-notes h3,.police-archive-preview h3 { margin:13px 0 0; color:#e7f8ff; font:500 23px/1.15 Outfit, "PingFang SC", sans-serif; letter-spacing:-.04em; }.police-report-brief > p:not(.police-record-label),.police-channel-notes > p:not(.police-record-label) { margin:14px 0 0; color:#a7c7d7; font:13px/1.7 Inter, "PingFang SC", sans-serif; }.police-report-brief dl,.police-channel-notes dl { display:grid; gap:0; margin:18px 0 0; border-top:1px solid rgba(106,199,237,.17); }.police-report-brief dl div,.police-channel-notes dl div { display:grid; grid-template-columns:82px minmax(0, 1fr); gap:12px; padding:9px 0; border-bottom:1px solid rgba(106,199,237,.14); }.police-report-brief dt,.police-channel-notes dt { color:#69a8c5; font:10px Inter, "PingFang SC", sans-serif; }.police-report-brief dd,.police-channel-notes dd { margin:0; color:#d8edf7; font:11px/1.55 Inter, "PingFang SC", sans-serif; }
.police-timeline { padding:0 0 0 18px; border-left:1px solid rgba(66,192,241,.27); }.police-timeline .police-record-label { margin:1px 0 12px; }.police-timeline ol { display:grid; gap:0; margin:0; padding:0; list-style:none; }.police-timeline li { position:relative; display:grid; grid-template-columns:54px minmax(0, 1fr); gap:12px; padding:0 0 14px; }.police-timeline li::before { content:""; position:absolute; left:-23px; top:5px; width:8px; height:8px; border:2px solid #72e0fb; background:#0a386f; box-shadow:0 0 10px rgba(83,211,247,.64); }.police-timeline li:last-child { padding-bottom:0; }.police-timeline time { color:#83daf4; font:600 10px Inter, monospace; }.police-timeline strong,.police-timeline span { display:block; }.police-timeline strong { color:#dff6ff; font:600 12px Inter, "PingFang SC", sans-serif; }.police-timeline span { margin-top:4px; color:#94b7c9; font:11px/1.5 Inter, "PingFang SC", sans-serif; }.police-open-questions { margin-top:18px; padding:15px 17px; border-top:1px solid rgba(82,194,240,.22); border-bottom:1px solid rgba(82,194,240,.22); background:rgba(3,17,40,.38); }.police-open-questions ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin:11px 0 0; padding:0; list-style:none; }.police-open-questions li { padding-left:11px; color:#a3c0cf; border-left:1px solid rgba(103,190,226,.4); font:11px/1.55 Inter, "PingFang SC", sans-serif; }
.police-transcript { margin-top:18px; border:1px solid rgba(76,193,242,.27); background:rgba(3,20,47,.42); }.police-transcript > header { display:flex; align-items:start; justify-content:space-between; gap:14px; padding:16px 18px; border-bottom:1px solid rgba(76,193,242,.2); background:linear-gradient(90deg, rgba(13,106,176,.19), transparent); }.police-transcript header p { margin:0; color:#64c8ea; font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.11em; }.police-transcript h3 { margin:6px 0 0; color:#e5f8ff; font:500 20px/1 Outfit, "PingFang SC", sans-serif; }.police-transcript time { color:#78aeca; font:10px Inter, monospace; }.police-transcript dl { margin:0; }.police-transcript dl div { display:grid; grid-template-columns:70px minmax(0, 1fr); gap:18px; padding:13px 18px; border-bottom:1px solid rgba(77,180,227,.13); }.police-transcript dl div:last-child { border-bottom:0; }.police-transcript dt { color:#64d6f0; font:600 10px Inter, "PingFang SC", sans-serif; }.police-transcript dd { margin:0; color:#d0e7f1; font:13px/1.65 Inter, "PingFang SC", sans-serif; }.police-pending-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin-top:12px; }.police-pending-list article { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:12px; align-items:center; min-height:80px; padding:13px; border:1px solid rgba(110,160,187,.22); background:rgba(4,20,44,.34); }.police-pending-list article > span { padding:4px 6px; color:#9cb6c5; background:rgba(126,162,182,.1); font:600 8px Inter, "PingFang SC", sans-serif; letter-spacing:.08em; }.police-pending-list p { margin:0; color:#d8eff9; font:600 12px Inter, "PingFang SC", sans-serif; }.police-pending-list small { display:block; margin-top:4px; color:#839eb0; font:10px/1.45 Inter, "PingFang SC", sans-serif; }.police-pending-list b { color:#78afc9; font:9px Inter, "PingFang SC", sans-serif; white-space:nowrap; }
.police-archive-layout { display:grid; grid-template-columns:minmax(0, .88fr) minmax(280px, 1.12fr); gap:16px; padding-top:18px; }.police-archive-list { display:grid; align-content:start; border-top:1px solid rgba(72,185,235,.23); }.police-archive-list button { display:grid; grid-template-columns:68px minmax(0, 1fr); gap:4px 12px; width:100%; padding:13px 11px; color:#dff3fb; border:0; border-bottom:1px solid rgba(74,185,232,.18); background:transparent; text-align:left; cursor:pointer; }.police-archive-list button > span { grid-row:span 2; align-self:center; padding:4px 5px; color:#7de5ce; border:1px solid rgba(69,218,178,.24); background:rgba(53,202,161,.09); font:600 8px Inter, "PingFang SC", sans-serif; letter-spacing:.06em; }.police-archive-list button:nth-of-type(n+4) > span { color:#9db4c2; border-color:rgba(137,173,192,.19); background:rgba(132,163,182,.08); }.police-archive-list button strong { color:#d9f2fb; font:600 12px Inter, "PingFang SC", sans-serif; }.police-archive-list button small { color:#7fa5b9; font:10px Inter, "PingFang SC", sans-serif; }.police-archive-list button:hover,.police-archive-list button.is-selected { background:linear-gradient(90deg, rgba(27,158,220,.19), transparent); }.police-archive-list button.is-selected { box-shadow:inset 3px 0 #35d8fa; }.police-archive-preview { min-height:256px; padding:20px; border:1px solid rgba(72,192,241,.29); background:linear-gradient(135deg, rgba(13,83,140,.2), rgba(3,18,43,.52)); }.police-archive-preview > p { margin:0; color:#66cde9; font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.12em; }.police-archive-preview > div { margin-top:16px; color:#b8d3e0; font:13px/1.75 Inter, "PingFang SC", sans-serif; }.police-archive-preview ul { display:grid; gap:7px; margin:20px 0 0; padding:13px 0 0; border-top:1px solid rgba(93,194,238,.19); color:#84b2c9; font:10px/1.55 Inter, "PingFang SC", sans-serif; list-style:none; }.police-archive-preview li { padding-left:11px; border-left:1px solid rgba(91,202,242,.55); }
.police-channel-layout { display:grid; grid-template-columns:minmax(220px, .55fr) minmax(0, 1.45fr); gap:16px; padding-top:18px; }.police-channel-notes { padding:19px; border:1px solid rgba(67,188,239,.25); background:linear-gradient(150deg, rgba(11,100,163,.14), rgba(2,17,40,.24)); }.police-chat { display:grid; grid-template-rows:minmax(238px, 1fr) auto auto; min-height:370px; border:1px solid rgba(59,194,245,.4); background:#03152f; }.police-chat-log { display:grid; align-content:start; gap:11px; max-height:342px; padding:16px; overflow:auto; }.police-chat-log article { width:min(87%, 530px); padding:10px 12px; border:1px solid rgba(72,199,241,.19); background:rgba(17,89,143,.17); }.police-chat-log article.is-user { justify-self:end; border-color:rgba(99,227,197,.25); background:rgba(38,161,128,.1); }.police-chat-log header { display:flex; justify-content:space-between; gap:12px; color:#6ed6ef; font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.06em; }.police-chat-log .is-user header { color:#8fe2c9; }.police-chat-log time { color:#648aa3; font:9px Inter, "PingFang SC", sans-serif; letter-spacing:0; }.police-chat-log p { margin:7px 0 0; color:#c4dbe6; font:12px/1.6 Inter, "PingFang SC", sans-serif; }.police-chat-prompts { display:flex; gap:6px; padding:0 14px 11px; overflow:auto; }.police-chat-prompts button { flex:0 0 auto; padding:6px 8px; color:#8fdcf5; border:1px solid rgba(81,195,236,.29); border-radius:0; background:rgba(25,125,184,.12); font:10px Inter, "PingFang SC", sans-serif; cursor:pointer; }.police-chat-prompts button:hover { color:#e7fbff; border-color:#5eddfa; }.police-chat-form { display:grid; grid-template-columns:minmax(0, 1fr) auto; border-top:1px solid rgba(71,194,240,.22); }.police-chat-form input { min-width:0; padding:13px 14px; color:#e6f8ff; border:0; outline:0; background:rgba(2,11,28,.74); font:12px Inter, "PingFang SC", sans-serif; }.police-chat-form input:focus { background:rgba(10,45,79,.74); }.police-chat-form button { min-width:88px; color:#e8fbff; border:0; border-left:1px solid rgba(67,193,244,.28); background:linear-gradient(135deg, #0874ca, #139dcc); font:600 11px Inter, "PingFang SC", sans-serif; cursor:pointer; }.police-chat-form button span { margin-left:4px; color:#9ef0ff; font-size:14px; }
.is-search-match { animation:police-search-flash 1.4s ease; } @keyframes police-search-flash { 0%,100% { outline:0 solid transparent; background-color:transparent; } 35% { outline:2px solid #5fe2ff; outline-offset:3px; background-color:rgba(31,179,231,.14); } }
.police-footnote { margin-bottom:0; }
@media (max-width:800px) { .police-workspace-topbar { grid-template-columns:1fr; gap:14px; }.police-search-results { top:calc(100% - 10px); left:22px; right:auto; width:calc(100% - 44px); }.police-report-layout,.police-archive-layout,.police-channel-layout { grid-template-columns:1fr; }.police-open-questions ul { grid-template-columns:1fr; }.police-channel-notes { display:none; } }
@media (max-width:620px) { .police-workspace-topbar,.police-module-panel { padding-right:14px; padding-left:14px; }.police-module-tabs { grid-template-columns:repeat(2, 1fr); }.police-module-tabs button { min-height:50px; border-bottom:1px solid rgba(75,194,244,.18); font-size:11px; }.police-module-tabs button:nth-child(2) { border-right:0; }.police-panel-head { align-items:start; flex-direction:column; }.police-report-layout { gap:15px; }.police-report-brief { padding:15px; }.police-open-questions { padding:13px; }.police-pending-list { grid-template-columns:1fr; }.police-pending-list article { grid-template-columns:auto minmax(0, 1fr); }.police-pending-list b { grid-column:2; }.police-archive-preview { min-height:0; }.police-chat { min-height:400px; }.police-chat-log { max-height:310px; }.police-chat-log article { width:94%; }.police-search-results { left:14px; width:calc(100% - 28px); }.police-search-results button { grid-template-columns:70px minmax(0, 1fr) auto; }.police-timeline li { grid-template-columns:49px minmax(0, 1fr); } }
@media (prefers-reduced-motion:reduce) { .is-search-match { animation:none; } }

/* 检索保持为案件工具；警局在线借鉴熟悉的即时通讯层级，成为独立工作面而非第四份卷宗。 */
.police-workspace-topbar { grid-template-columns:minmax(0, 1fr) minmax(250px, .86fr) auto; }
.police-chat-entry { display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 12px; color:#c9f5ff; border:1px solid rgba(61,207,243,.44); border-radius:0; background:linear-gradient(135deg, rgba(23,143,201,.28), rgba(10,58,118,.46)); font:600 11px Inter, "PingFang SC", sans-serif; cursor:pointer; white-space:nowrap; }.police-chat-entry:hover,.police-chat-entry.is-active { color:#f0fdff; border-color:#71e5fb; box-shadow:inset 0 0 18px rgba(63,215,248,.12), 0 0 15px rgba(46,193,246,.16); }.police-chat-entry b { display:grid; place-items:center; min-width:17px; height:17px; color:#063746; border-radius:50%; background:#65e4f5; font:700 9px Inter, sans-serif; }
.police-module-tabs { grid-template-columns:repeat(3, 1fr); }.police-workspace.is-chat-open { border-color:rgba(50,181,242,.55); background:#e9eeec; }.police-workspace.is-chat-open .police-workspace-topbar { display:none; }
.police-chat-system { color:#1d272a; background:#edf1ee; }.police-chat-system-head { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:16px; min-height:78px; padding:0 20px; color:#1a3d4a; border-bottom:1px solid #ced9d5; background:linear-gradient(90deg, #e4ece8, #f3f6f4); }.police-chat-system-head > button { padding:7px 0; color:#387a8f; border:0; background:transparent; font:600 11px Inter, "PingFang SC", sans-serif; cursor:pointer; }.police-chat-system-head > button:hover { color:#0e4d65; text-decoration:underline; }.police-chat-system-head p { margin:0; color:#5f8491; font:600 8px Inter, sans-serif; letter-spacing:.13em; }.police-chat-system-head h2 { margin:5px 0 0; color:#192d34; font:600 22px/1 Outfit, "PingFang SC", sans-serif; letter-spacing:-.04em; }.police-chat-system-head > span { display:flex; align-items:center; gap:6px; color:#4b7d71; font:600 10px Inter, "PingFang SC", sans-serif; }.police-chat-system-head > span i { width:7px; height:7px; border-radius:50%; background:#36bc8d; box-shadow:0 0 8px rgba(42,173,128,.38); }
.police-messenger { display:grid; grid-template-columns:270px minmax(0, 1fr); min-height:560px; background:#eef2ef; }.police-contact-list { display:flex; flex-direction:column; border-right:1px solid #cad6d1; background:#e0e8e3; }.police-contact-list > header { display:flex; align-items:center; justify-content:space-between; padding:18px 15px 13px; color:#55727a; }.police-contact-list > header p { margin:0; font:700 12px Inter, "PingFang SC", sans-serif; }.police-contact-list > header button { display:grid; place-items:center; width:25px; height:25px; color:#538089; border:1px solid #bdcec7; border-radius:5px; background:#eff4f1; font:18px/1 Inter, sans-serif; cursor:pointer; }.police-contact-list > button { display:grid; grid-template-columns:34px minmax(0, 1fr) auto; gap:9px; align-items:center; min-height:67px; padding:10px 13px; color:#2c4146; border:0; border-top:1px solid rgba(161,182,173,.44); background:transparent; text-align:left; cursor:pointer; }.police-contact-list > button:hover { background:rgba(255,255,255,.44); }.police-contact-list > button.is-active { background:#f7f9f7; box-shadow:inset 3px 0 #1cae80; }.police-contact-list strong,.police-contact-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.police-contact-list strong { font:600 12px Inter, "PingFang SC", sans-serif; }.police-contact-list small { margin-top:4px; color:#71868a; font:9px Inter, "PingFang SC", sans-serif; }.police-contact-list time { align-self:start; color:#799096; font:8px Inter, "PingFang SC", sans-serif; }.police-contact-avatar { display:grid; flex:0 0 auto; place-items:center; width:34px; height:34px; color:#fff; border-radius:7px; font:700 14px Outfit, "PingFang SC", sans-serif; }.police-contact-avatar.is-desk { background:linear-gradient(135deg, #1e8cad, #305f91); }.police-contact-avatar.is-evidence { background:linear-gradient(135deg, #759e70, #397965); }.police-contact-avatar.is-yunhai { background:linear-gradient(135deg, #b0814a, #8e5c42); }
.police-chat-window { display:grid; grid-template-rows:auto minmax(300px, 1fr) auto auto; min-width:0; background:#f1f3f1; }.police-chat-window > header { display:flex; align-items:center; justify-content:space-between; min-height:70px; padding:0 20px; border-bottom:1px solid #d5dfda; background:#f8faf8; }.police-chat-window > header > button { width:30px; height:30px; color:#7b8e90; border:0; border-radius:5px; background:#edf1ee; font:700 16px/1 Inter, sans-serif; cursor:pointer; }.police-chat-window-person { display:flex; align-items:center; gap:10px; min-width:0; }.police-chat-window-person strong,.police-chat-window-person small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.police-chat-window-person strong { color:#203135; font:600 13px Inter, "PingFang SC", sans-serif; }.police-chat-window-person small { margin-top:4px; color:#7d9092; font:9px Inter, "PingFang SC", sans-serif; }
.police-chat-log { display:flex; flex-direction:column; align-items:stretch; gap:12px; max-height:none; padding:20px; overflow:auto; background:linear-gradient(135deg, rgba(224,232,227,.52), rgba(242,244,242,.12)); }.police-chat-log article { width:auto; max-width:min(78%, 530px); padding:0; border:0; background:transparent; }.police-chat-log article.is-user { align-self:flex-end; border:0; background:transparent; }.police-chat-log header { margin-bottom:4px; color:#7e9090; font:500 9px Inter, "PingFang SC", sans-serif; letter-spacing:0; }.police-chat-log .is-user header { color:#6a8278; justify-content:flex-end; }.police-chat-log .is-user header span { display:none; }.police-chat-log time { color:#97a7a4; font:8px Inter, "PingFang SC", sans-serif; }.police-chat-log p { position:relative; margin:0; padding:10px 12px; color:#304244; border:1px solid #d9e1dc; border-radius:5px; background:#fff; box-shadow:0 1px 1px rgba(37,55,47,.05); font:12px/1.6 Inter, "PingFang SC", sans-serif; }.police-chat-log .is-staff p::before,.police-chat-log .is-user p::after { content:""; position:absolute; top:10px; width:7px; height:7px; transform:rotate(45deg); }.police-chat-log .is-staff p::before { left:-4px; border-bottom:1px solid #d9e1dc; border-left:1px solid #d9e1dc; background:#fff; }.police-chat-log .is-user p { color:#153e31; border-color:#9fdabf; background:#b9edcc; }.police-chat-log .is-user p::after { right:-4px; border-top:1px solid #9fdabf; border-right:1px solid #9fdabf; background:#b9edcc; }
.police-chat-prompts { min-height:47px; padding:8px 14px; border-top:1px solid #d5dfda; background:#f8faf8; }.police-chat-prompts button { padding:6px 9px; color:#49736d; border:1px solid #b9d4c7; border-radius:999px; background:#f8fcf9; font:10px Inter, "PingFang SC", sans-serif; }.police-chat-prompts button:hover { color:#163d35; border-color:#59bc93; background:#e1f6e9; }.police-chat-form { grid-template-columns:minmax(0, 1fr) auto; min-height:58px; border-top:1px solid #d5dfda; background:#fff; }.police-chat-form input { padding:13px 15px; color:#294043; background:#fff; font:12px Inter, "PingFang SC", sans-serif; }.police-chat-form input:focus { background:#fbfffc; }.police-chat-form button { min-width:74px; margin:10px 12px 10px 0; color:#fff; border:0; border-radius:5px; background:#20aa75; font:600 11px Inter, "PingFang SC", sans-serif; }.police-chat-form button:hover { background:#168c60; }
@media (max-width:800px) { .police-workspace-topbar { grid-template-columns:minmax(0, 1fr) auto; }.police-search { grid-column:1 / -1; grid-row:2; }.police-chat-entry { grid-column:2; grid-row:1; }.police-messenger { grid-template-columns:1fr; }.police-contact-list { display:grid; grid-template-columns:repeat(3, minmax(170px, 1fr)); overflow:auto; border-right:0; border-bottom:1px solid #cad6d1; }.police-contact-list > header { position:sticky; left:0; grid-column:1 / -1; background:#e0e8e3; }.police-contact-list > button { min-width:170px; border-right:1px solid rgba(161,182,173,.36); }.police-contact-list > button.is-active { box-shadow:inset 0 -3px #1cae80; } }
@media (max-width:620px) { .police-module-tabs { grid-template-columns:repeat(3, 1fr); }.police-module-tabs button { padding:0 7px; font-size:10px; }.police-module-tabs button span { display:none; }.police-workspace.is-chat-open { margin-right:-1px; margin-left:-1px; }.police-chat-system-head { grid-template-columns:auto minmax(0, 1fr); min-height:68px; padding:0 13px; }.police-chat-system-head > span { display:none; }.police-messenger { min-height:530px; }.police-contact-list { grid-template-columns:repeat(3, 158px); }.police-contact-list > header { display:none; }.police-contact-list > button { min-height:58px; padding:9px; }.police-contact-list > button > span:nth-child(2) small,.police-contact-list > button time { display:none; }.police-chat-window > header { min-height:64px; padding:0 13px; }.police-chat-log { padding:15px 12px; }.police-chat-log article { max-width:88%; }.police-chat-prompts { padding-right:10px; padding-left:10px; }.police-chat-form { min-height:54px; }.police-chat-form button { min-width:62px; margin-right:8px; }.police-workspace-topbar { grid-template-columns:minmax(0, 1fr) auto; }.police-chat-entry { padding:0 9px; }.police-chat-entry span { display:none; } }

/* 三类资料以置顶书签导航呈现；检索工具条不再承担系统标题或案件摘要。 */
.police-module-tabs { display:flex; gap:5px; align-items:end; padding:13px 17px 0; border-bottom:1px solid rgba(75,194,244,.28); background:linear-gradient(180deg, rgba(15,89,151,.13), transparent); }.police-module-tabs button { flex:0 0 136px; min-height:41px; padding:0 13px; color:#84abc2; border:1px solid rgba(65,183,240,.28); border-bottom:0; border-radius:6px 6px 0 0; background:rgba(5,30,68,.55); font-size:11px; }.police-module-tabs button:last-child { border-right:1px solid rgba(65,183,240,.28); }.police-module-tabs button span { margin-right:7px; }.police-module-tabs button::after { display:none; }.police-module-tabs button:hover { color:#d7f5ff; border-color:rgba(86,213,255,.62); background:rgba(22,121,187,.2); }.police-module-tabs button.is-active { position:relative; z-index:1; color:#e9fbff; border-color:rgba(80,208,255,.75); background:linear-gradient(180deg, rgba(25,146,217,.3), rgba(5,38,81,.91)); box-shadow:inset 0 2px #53dfff; }.police-module-tabs button.is-active::before { content:""; position:absolute; right:0; bottom:-1px; left:0; height:1px; background:#062351; }
.police-search-tools { position:relative; display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:13px; align-items:end; padding:14px 18px; border-bottom:1px solid rgba(75,194,244,.2); background:rgba(3,20,48,.29); }.police-search-tools .police-search { min-width:0; }.police-search-tools .police-chat-entry { min-height:40px; }.police-workspace.is-chat-open .police-module-tabs,.police-workspace.is-chat-open .police-search-tools { display:none; }
@media (max-width:800px) { .police-search-tools { grid-template-columns:minmax(0, 1fr) auto; }.police-search-tools .police-search { grid-column:auto; grid-row:auto; }.police-search-tools .police-chat-entry { grid-column:auto; grid-row:auto; } }
@media (max-width:620px) { .police-module-tabs { display:flex; gap:4px; padding:10px 10px 0; overflow:auto; }.police-module-tabs button { flex:0 0 106px; min-height:38px; padding:0 8px; font-size:10px; }.police-module-tabs button span { display:none; }.police-search-tools { grid-template-columns:minmax(0, 1fr) auto; padding:11px 10px; }.police-search-tools .police-search { grid-column:auto; grid-row:auto; }.police-search-tools .police-chat-entry { grid-column:auto; grid-row:auto; }.police-search-tools .police-chat-entry span { display:none; } }

/* 收敛检索导航：书签只承担切换职责，不再叠加仪表盘式框线和装饰编号。 */
.police-workspace { border:0; background:rgba(3,22,52,.58); box-shadow:none; }.police-module-tabs { gap:18px; padding:16px 20px 0; border-bottom:1px solid rgba(118,193,228,.18); background:transparent; }.police-module-tabs button { flex:0 0 auto; min-height:38px; padding:0 2px 10px; color:#779ab0; border:0; border-radius:0; background:transparent; font:600 12px Inter, "PingFang SC", sans-serif; }.police-module-tabs button:last-child { border:0; }.police-module-tabs button span { display:none; }.police-module-tabs button::after { display:block; right:2px; bottom:0; left:2px; height:2px; background:#6ce0f5; box-shadow:none; }.police-module-tabs button::before { display:none; }.police-module-tabs button:hover { color:#cdeaf6; border:0; background:transparent; }.police-module-tabs button.is-active { color:#edfaff; border:0; background:transparent; box-shadow:none; }.police-module-tabs button.is-active::after { transform:scaleX(1); }.police-search-tools { gap:11px; padding:14px 20px 12px; border-bottom:0; background:transparent; }.police-search input { min-height:38px; border-color:rgba(118,196,229,.25); background:rgba(3,18,41,.6); box-shadow:none; }.police-search input:focus { border-color:#69d9f1; box-shadow:0 0 0 3px rgba(77,195,232,.09); }.police-chat-entry { min-height:38px; padding:0 9px; color:#8ccbe0; border:0; background:transparent; font-weight:500; }.police-chat-entry:hover,.police-chat-entry.is-active { color:#e4f8ff; border:0; background:rgba(73,184,219,.1); box-shadow:none; }.police-chat-entry b { min-width:15px; height:15px; color:#0a5263; background:#7be2f2; font-size:8px; }.police-module-panel { padding-top:18px; }
@media (max-width:620px) { .police-module-tabs { gap:17px; padding:13px 13px 0; }.police-module-tabs button { flex:0 0 auto; min-height:35px; padding-bottom:8px; font-size:11px; }.police-search-tools { padding:11px 13px; }.police-search-tools .police-chat-entry { padding:0 7px; } }

/* 警务检索默认不打开任何案件内容；资料须在正确栏位检索命中后才显示。 */
.police-query-empty { display:none; min-height:210px; padding:54px 20px 30px; color:#8daabd; text-align:center; }.police-query-empty p { margin:0; color:#62c6e7; font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.14em; }.police-query-empty strong { display:block; margin-top:13px; color:#d5edf7; font:500 21px/1 Outfit, "PingFang SC", sans-serif; }.police-query-empty span { display:block; max-width:320px; margin:11px auto 0; color:#7e9fae; font:11px/1.65 Inter, "PingFang SC", sans-serif; }.police-module-panel.is-search-idle .police-query-empty { display:block; }.police-module-panel.is-search-idle .police-record-view { display:none; }

/* 一次查询只展开一份卷宗：报告归纳、笔录陈述、档案保留原始记录。 */
.police-record-detail[hidden] { display:none; }.police-module-panel.is-record-open .police-record-view { display:none; }.police-record-detail { border:1px solid rgba(80,205,246,.34); background:linear-gradient(135deg, rgba(10,63,111,.34), rgba(3,20,47,.64)); box-shadow:inset 3px 0 #31d1ef; }.police-record-detail:focus { outline:0; }.police-record-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:20px; border-bottom:1px solid rgba(84,204,244,.2); }.police-record-detail-head p { margin:0; color:#6fcce8; font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.13em; }.police-record-detail-head h2 { margin:8px 0 0; color:#effcff; font:500 25px/1 Outfit, "PingFang SC", sans-serif; }.police-record-detail-head span { display:block; max-width:680px; margin-top:8px; color:#92b8c9; font:11px/1.58 Inter, "PingFang SC", sans-serif; }.police-record-detail-head > b { flex:0 0 auto; padding:6px 8px; color:#83efd2; border:1px solid rgba(70,223,180,.38); background:rgba(54,202,160,.1); font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.08em; white-space:nowrap; }.police-record-facts { padding:18px 20px 0; }.police-record-facts dl { margin:12px 0 0; border-top:1px solid rgba(91,199,237,.18); }.police-record-facts dl div { display:grid; grid-template-columns:84px minmax(0, 1fr); gap:12px; padding:10px 0; border-bottom:1px solid rgba(91,199,237,.13); }.police-record-facts dt { color:#76aac0; font:10px Inter, "PingFang SC", sans-serif; }.police-record-facts dd { margin:0; color:#d5edf7; font:12px/1.6 Inter, "PingFang SC", sans-serif; }.police-record-notes { margin-top:18px; padding:17px 20px; border-top:1px solid rgba(84,204,244,.17); background:rgba(5,30,61,.37); }.police-record-notes ul { display:grid; gap:7px; margin:12px 0 0; padding:0; list-style:none; }.police-record-notes li { padding-left:11px; color:#9dc1d0; border-left:1px solid #50cbe9; font:11px/1.58 Inter, "PingFang SC", sans-serif; }
@media (max-width:620px) { .police-record-detail-head { padding:16px 14px; }.police-record-detail-head h2 { font-size:21px; }.police-record-facts { padding:15px 14px 0; }.police-record-facts dl div { grid-template-columns:68px minmax(0, 1fr); gap:9px; }.police-record-notes { padding:15px 14px; } }

/* 顾权衡报告以单份可核验卷宗呈现，避免将未调阅的医学资料写成既定事实。 */
.police-death-report { margin-bottom:24px; border:1px solid rgba(80,205,246,.34); background:linear-gradient(135deg, rgba(10,63,111,.34), rgba(3,20,47,.64)); box-shadow:inset 3px 0 #31d1ef; }.police-death-report[hidden] { display:none; }.police-death-report:focus { outline:0; }.police-death-report-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:20px 20px 17px; border-bottom:1px solid rgba(84,204,244,.2); }.police-death-report-head p { margin:0; color:#6fcce8; font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.13em; }.police-death-report-head h2 { margin:8px 0 0; color:#effcff; font:500 25px/1 Outfit, "PingFang SC", sans-serif; }.police-death-report-head span { display:block; margin-top:8px; color:#83aebe; font:10px Inter, "PingFang SC", sans-serif; }.police-death-report-head > b { flex:0 0 auto; padding:6px 8px; color:#83efd2; border:1px solid rgba(70,223,180,.38); background:rgba(54,202,160,.1); font:600 9px Inter, "PingFang SC", sans-serif; letter-spacing:.08em; }.police-death-report-grid { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:0; }.police-death-report-grid > section { padding:18px 20px; }.police-death-report-grid > section + section { border-left:1px solid rgba(84,204,244,.16); }.police-death-report dl { margin:12px 0 0; border-top:1px solid rgba(91,199,237,.18); }.police-death-report dl div { display:grid; grid-template-columns:74px minmax(0, 1fr); gap:11px; padding:9px 0; border-bottom:1px solid rgba(91,199,237,.13); }.police-death-report dt { color:#76aac0; font:10px Inter, "PingFang SC", sans-serif; }.police-death-report dd { margin:0; color:#d5edf7; font:11px/1.58 Inter, "PingFang SC", sans-serif; }.police-death-timeline { display:grid; gap:0; margin:12px 0 0; padding:0; list-style:none; border-top:1px solid rgba(91,199,237,.18); }.police-death-timeline li { display:grid; grid-template-columns:50px minmax(0, 1fr); gap:11px; padding:9px 0; border-bottom:1px solid rgba(91,199,237,.13); }.police-death-timeline time { color:#62daf3; font:600 10px Inter, monospace; }.police-death-timeline span { color:#c7e2ed; font:11px/1.58 Inter, "PingFang SC", sans-serif; }.police-death-assessment { padding:18px 20px 20px; border-top:1px solid rgba(84,204,244,.17); background:rgba(5,30,61,.37); }.police-death-assessment > p:not(.police-record-label) { max-width:820px; margin:12px 0 0; color:#bbd6e1; font:12px/1.72 Inter, "PingFang SC", sans-serif; }.police-death-assessment ul { display:grid; gap:7px; margin:16px 0 0; padding:0; list-style:none; }.police-death-assessment li { padding-left:11px; color:#94bacb; border-left:1px solid #50cbe9; font:11px/1.58 Inter, "PingFang SC", sans-serif; }
.police-module-panel.is-death-report-open .police-record-view > :not(.police-death-report) { display:none; }
@media (max-width:620px) { .police-death-report-head { padding:16px 14px; }.police-death-report-head h2 { font-size:21px; }.police-death-report-grid { grid-template-columns:1fr; }.police-death-report-grid > section { padding:15px 14px; }.police-death-report-grid > section + section { border-top:1px solid rgba(84,204,244,.16); border-left:0; }.police-death-assessment { padding:15px 14px; } }

/* 警务在线是独立协作系统，入口使用状态标识与会话摘要，而不是弱化为普通工具文字。 */
.police-chat-entry { position:relative; display:flex; align-items:center; justify-content:flex-start; min-width:154px; min-height:46px; gap:9px; padding:0 11px; color:#ddfff4; border:1px solid rgba(63,231,181,.52); border-radius:5px; background:linear-gradient(135deg, rgba(17,148,117,.42), rgba(7,76,88,.76)); box-shadow:inset 0 1px rgba(185,255,230,.1), 0 0 18px rgba(34,211,167,.11); }.police-chat-entry:hover,.police-chat-entry.is-active { color:#fff; border-color:#89f6d1; background:linear-gradient(135deg, rgba(26,182,139,.58), rgba(9,96,105,.85)); box-shadow:inset 0 1px rgba(214,255,237,.16), 0 0 22px rgba(43,223,175,.22); }.police-chat-entry-mark { position:relative; flex:0 0 auto; width:17px; height:17px; border:2px solid #8df6d0; border-radius:5px; box-shadow:0 0 10px rgba(83,243,187,.45); }.police-chat-entry-mark::after { content:""; position:absolute; right:1px; bottom:-4px; width:5px; height:5px; border-bottom:2px solid #8df6d0; transform:skewY(-35deg); }.police-chat-entry-copy { display:grid; flex:1; gap:2px; min-width:0; text-align:left; }.police-chat-entry-copy strong,.police-chat-entry-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.police-chat-entry-copy strong { font:600 11px Inter, "PingFang SC", sans-serif; }.police-chat-entry-copy small { color:#a4e8d1; font:9px Inter, "PingFang SC", sans-serif; }.police-chat-entry b { min-width:18px; height:18px; color:#07513e; background:#8df6d0; font-size:9px; }
@media (max-width:620px) { .police-search-tools .police-chat-entry { min-width:43px; padding:0 8px; border-radius:5px; }.police-search-tools .police-chat-entry-copy { display:none; }.police-search-tools .police-chat-entry-mark { width:15px; height:15px; }.police-search-tools .police-chat-entry b { position:absolute; top:-5px; right:-5px; min-width:15px; height:15px; border:1px solid #062b30; font-size:8px; } }

/* 顶部的线上聊天属于全局警务模块；检索栏只放搜索条件与执行操作。 */
.police-header-actions { display:flex; align-items:center; gap:18px; margin-left:auto; }.police-chat-header-entry { min-width:148px; min-height:40px; padding:0 10px; }.police-chat-header-entry .police-chat-entry-copy small { display:none; }.police-search-tools { grid-template-columns:minmax(0, 1fr) auto; }.police-search-submit { min-width:74px; min-height:38px; padding:0 16px; color:#eafaff; border:1px solid rgba(83,204,246,.6); border-radius:4px; background:rgba(20,124,184,.38); box-shadow:inset 0 1px rgba(190,244,255,.1); font:600 11px Inter, "PingFang SC", sans-serif; cursor:pointer; }.police-search-submit:hover { color:#fff; border-color:#87e2f8; background:rgba(34,151,211,.56); }.police-search-submit:focus-visible,.police-chat-entry:focus-visible { outline:2px solid #9aeefe; outline-offset:2px; }
@media (max-width:700px) { .police-header-actions { gap:9px; }.police-chat-header-entry { min-width:124px; padding:0 8px; }.police-chat-header-entry .police-chat-entry-mark { width:15px; height:15px; }.police-chat-header-entry b { min-width:16px; height:16px; } }
@media (max-width:420px) { .police-chat-header-entry { min-width:108px; }.police-chat-header-entry .police-chat-entry-copy strong { font-size:10px; }.police-header-actions { gap:6px; } }

/* 线上聊天作为完整的协作客户端呈现：左侧选择会话，右侧只承载当前对话与输入。 */
.police-workspace.is-chat-open { background:#dfe5e1; }.police-chat-system { color:#263235; background:#dfe5e1; }.police-chat-system-head { min-height:64px; padding:0 22px; color:#e6f1ed; border-bottom:0; background:#202c33; }.police-chat-system-head > button { color:#a7c9bd; }.police-chat-system-head > button:hover { color:#f4fffb; }.police-chat-system-head p { color:#75b79d; }.police-chat-system-head h2 { color:#f1f7f4; font-size:20px; }.police-chat-system-head > span { color:#9bd6bd; }.police-chat-system-head > span i { background:#51d292; box-shadow:0 0 8px rgba(81,210,146,.45); }
.police-messenger { grid-template-columns:238px minmax(0, 1fr); min-height:590px; background:#f2f4f1; }.police-contact-list { border-right:1px solid #35444a; background:#263237; }.police-contact-list > header { min-height:61px; padding:0 16px; color:#d3e1da; border-bottom:1px solid rgba(221,239,230,.12); }.police-contact-list > header p { color:#dcebe3; letter-spacing:.05em; }.police-contact-list > header button { width:27px; height:27px; color:#d9eee3; border-color:rgba(190,228,210,.28); border-radius:4px; background:rgba(191,232,212,.08); }.police-contact-list > button { grid-template-columns:36px minmax(0, 1fr) auto; min-height:72px; padding:11px 14px; color:#e7f1ec; border-top:1px solid rgba(221,239,230,.09); }.police-contact-list > button:hover { background:rgba(240,251,246,.07); }.police-contact-list > button.is-active { background:#35464a; box-shadow:inset 3px 0 #53cf99; }.police-contact-list strong { color:#edf8f2; font-size:12px; }.police-contact-list small { color:#9db9ad; font-size:9px; }.police-contact-list time { color:#91b7a6; }.police-contact-avatar { width:36px; height:36px; border-radius:6px; }.police-contact-avatar.is-desk { background:#207d78; }.police-contact-avatar.is-evidence { background:#67855e; }.police-contact-avatar.is-yunhai { background:#9a6744; }
.police-chat-window { grid-template-rows:68px minmax(0, 1fr) auto 64px; background:#f4f6f3; }.police-chat-window > header { min-height:68px; padding:0 22px; border-bottom:1px solid #d7ddd8; background:#fafbf9; }.police-chat-window > header > button { width:28px; height:28px; color:#647675; border:1px solid #d6ded8; border-radius:4px; background:#fff; }.police-chat-window-person strong { color:#263536; font-size:13px; }.police-chat-window-person small { color:#71817e; }.police-chat-log { gap:15px; padding:24px 28px; background:#f0f3ef; }.police-chat-log article { max-width:min(72%, 560px); }.police-chat-log header { color:#788783; }.police-chat-log p { padding:11px 13px; color:#30403d; border-color:#d7dfd9; border-radius:4px; box-shadow:none; }.police-chat-log .is-user p { color:#173f32; border-color:#8ecbad; background:#c6efd7; }.police-chat-log .is-staff p::before { border-color:#d7dfd9; }.police-chat-log .is-user p::after { border-color:#8ecbad; background:#c6efd7; }.police-chat-prompts { min-height:48px; padding:8px 22px; border-top:1px solid #d7ddd8; background:#fafbf9; }.police-chat-prompts button { color:#50766a; border-color:#c6d8ce; border-radius:4px; background:#fff; }.police-chat-prompts button:hover { color:#1f5442; border-color:#5cc695; background:#effaf3; }.police-chat-form { min-height:64px; padding:11px 12px 11px 20px; border-top:1px solid #d7ddd8; background:#fff; }.police-chat-form input { padding:0; color:#283a38; background:#fff; }.police-chat-form input:focus { background:#fff; }.police-chat-form button { min-width:76px; margin:0; border-radius:4px; background:#159565; }.police-chat-form button:hover { background:#0d7851; }
@media (min-width:621px) and (max-width:800px) { .police-messenger { grid-template-columns:190px minmax(0, 1fr); }.police-contact-list { display:flex; grid-template-columns:none; overflow:visible; border-right:1px solid #35444a; border-bottom:0; }.police-contact-list > header { position:static; display:flex; grid-column:auto; background:transparent; }.police-contact-list > button { min-width:0; border-right:0; }.police-contact-list > button.is-active { box-shadow:inset 3px 0 #53cf99; } }
@media (max-width:620px) { .police-chat-system-head { padding:0 13px; }.police-messenger { min-height:530px; }.police-contact-list { background:#263237; }.police-contact-list > button.is-active { box-shadow:inset 0 -3px #53cf99; }.police-chat-window { grid-template-rows:64px minmax(0, 1fr) auto 58px; }.police-chat-log { padding:17px 13px; }.police-chat-prompts { padding:8px 10px; }.police-chat-form { min-height:58px; padding:9px 8px 9px 13px; }.police-chat-form button { margin:0; } }

/* 窄屏仍保留左侧竖向联系人栏，避免会话选择与聊天内容争夺同一行空间。 */
@media (max-width:620px) { .police-messenger { grid-template-columns:112px minmax(0, 1fr); }.police-contact-list { display:flex; flex-direction:column; overflow:visible; border-right:1px solid #35444a; border-bottom:0; }.police-contact-list > header { display:none; }.police-contact-list > button { grid-template-columns:1fr; justify-items:center; gap:5px; min-width:0; min-height:82px; padding:10px 5px; border-right:0; text-align:center; }.police-contact-list > button > span:nth-child(2) { min-width:0; }.police-contact-list > button > span:nth-child(2) small,.police-contact-list > button time { display:none; }.police-contact-list strong { overflow:hidden; max-width:100%; font-size:9px; line-height:1.25; white-space:nowrap; text-overflow:ellipsis; }.police-contact-list > button.is-active { box-shadow:inset 3px 0 #53cf99; }.police-chat-window { min-width:0; } }
@media (max-width:420px) { .police-messenger { grid-template-columns:96px minmax(0, 1fr); }.police-contact-list > button { min-height:76px; padding-right:3px; padding-left:3px; }.police-contact-avatar { width:32px; height:32px; }.police-contact-list strong { font-size:8px; } }

.police-contact-avatar.is-captain { background:#207d78; }.police-contact-avatar.is-forensic { background:#67855e; }.police-contact-avatar.is-assistant { background:#9a6744; }

/* 仅聊天工作台采用 BPD 协作终端风格。 */
.police-workspace.is-chat-open { border-color:rgba(61,190,220,.62); background:#0b171f; }.police-chat-system { color:#dae8e8; background:#0b171f; }.police-chat-system-head { min-height:66px; color:#e7f4f3; border-bottom:1px solid rgba(100,203,220,.22); background:#10232b; }.police-chat-system-head > button { color:#9dc9c6; }.police-chat-system-head > button:hover { color:#d9f6f2; }.police-chat-system-head p { color:#67c7d2; letter-spacing:0; }.police-chat-system-head h2 { color:#effafa; letter-spacing:0; }.police-chat-system-head > span { color:#8fddbb; }.police-chat-system-head > span i { background:#55d49a; box-shadow:0 0 9px rgba(85,212,154,.44); }
.police-messenger { background:#101e26; }.police-contact-list { border-right-color:#34515b; background:#15252d; }.police-contact-list > header { color:#cde0de; border-bottom-color:rgba(169,224,220,.12); }.police-contact-list > header p { color:#d9ece9; letter-spacing:0; }.police-contact-list > header button { color:#bce3dc; border-color:rgba(116,201,190,.35); background:rgba(93,177,164,.09); }.police-contact-list > button { color:#e0efed; border-top-color:rgba(169,224,220,.1); }.police-contact-list > button:hover { background:rgba(104,192,180,.08); }.police-contact-list > button.is-active { background:#213940; box-shadow:inset 3px 0 #53d3a0; }.police-contact-list strong { color:#edf8f6; }.police-contact-list small { color:#94b7b1; letter-spacing:0; }.police-contact-list time { color:#84b9aa; letter-spacing:0; }.police-contact-avatar.is-captain { background:#1c8f87; }.police-contact-avatar.is-forensic { background:#6a805b; }.police-contact-avatar.is-assistant { background:#9a6744; }
.police-chat-window { background:#f1f5f3; }.police-chat-window > header { border-bottom-color:#d1ddda; background:#f8fbf9; }.police-chat-window > header > button { color:#55716f; border-color:#cbd9d4; background:#fff; }.police-chat-window-person strong { color:#233836; }.police-chat-window-person small { color:#718885; letter-spacing:0; }.police-chat-log { background:#edf2ef; }.police-chat-log header { color:#728783; letter-spacing:0; }.police-chat-log p { color:#2c403d; border-color:#d1dcd6; border-radius:4px; box-shadow:none; }.police-chat-log .is-staff p::before { border-color:#d1dcd6; }.police-chat-log .is-user p { color:#173f32; border-color:#85cfa9; background:#c4efd8; }.police-chat-log .is-user p::after { border-color:#85cfa9; background:#c4efd8; }.police-chat-prompts { border-top-color:#d1ddda; background:#f8fbf9; }.police-chat-prompts button { color:#47756b; border-color:#bdd9cc; border-radius:4px; background:#fff; }.police-chat-prompts button:hover { color:#1e5946; border-color:#5ec69b; background:#ecf8f0; }.police-chat-form { border-top-color:#d1ddda; background:#fff; }.police-chat-form input { color:#293e3b; background:#fff; }.police-chat-form input:focus { background:#fff; }.police-chat-form button { background:#168e62; }.police-chat-form button:hover { background:#0e7250; }
@media (max-width:620px) { .police-workspace.is-chat-open { margin-right:-1px; margin-left:-1px; }.police-contact-list > button.is-active { box-shadow:inset 3px 0 #53d3a0; } }

/* 聊天顶栏保持高信息密度，不以大标题占据对话空间。 */
.police-chat-system-head { position:relative; grid-template-columns:auto minmax(0, 1fr) auto; gap:12px; min-height:48px; padding:0 16px; }.police-chat-system-head::after { content:""; position:absolute; right:16px; bottom:0; left:16px; height:1px; background:linear-gradient(90deg, #4bcce0, rgba(75,204,224,.18) 38%, transparent 72%); }.police-chat-system-head > button { padding:0; font-size:10px; letter-spacing:0; }.police-chat-system-head > div { position:relative; min-width:0; padding-left:10px; }.police-chat-system-head > div::before { content:""; position:absolute; top:50%; left:0; width:3px; height:22px; background:#52d2df; box-shadow:0 0 8px rgba(82,210,223,.55); transform:translateY(-50%); }.police-chat-system-head p { font-size:8px; line-height:1.1; }.police-chat-system-head h2 { margin:2px 0 0; font-size:15px; line-height:1.1; font-weight:600; }.police-chat-system-head > span { gap:5px; font-size:9px; letter-spacing:0; }.police-chat-system-head > span i { width:6px; height:6px; }
.police-messenger { min-height:500px; }.police-contact-list > header { min-height:48px; padding:0 14px; }.police-contact-list > header p { font-size:10px; }.police-contact-list > header button { width:24px; height:24px; font-size:16px; }.police-contact-list > button { min-height:64px; padding:9px 12px; }.police-contact-avatar { width:32px; height:32px; font-size:12px; }.police-contact-list > button { grid-template-columns:32px minmax(0, 1fr) auto; gap:8px; }.police-contact-list strong { font-size:11px; }.police-contact-list small,.police-contact-list time { font-size:8px; }
.police-chat-window { grid-template-rows:56px minmax(210px, 1fr) auto 56px; }.police-chat-window > header { min-height:56px; padding:0 16px; }.police-chat-window > header > button { width:25px; height:25px; font-size:14px; }.police-chat-window-person { gap:8px; }.police-chat-window-person strong { font-size:12px; }.police-chat-window-person small { margin-top:2px; font-size:8px; }.police-chat-log { gap:11px; padding:17px 20px; }.police-chat-log article { max-width:min(76%, 510px); }.police-chat-log p { padding:9px 11px; font-size:11px; }.police-chat-log header,.police-chat-log time { font-size:8px; }.police-chat-prompts { min-height:40px; padding:6px 12px; }.police-chat-prompts button { padding:5px 7px; font-size:9px; }.police-chat-form { min-height:56px; padding:8px 9px 8px 14px; }.police-chat-form input { font-size:11px; }.police-chat-form button { min-width:64px; font-size:10px; }
@media (max-width:620px) { .police-chat-system-head { min-height:44px; padding:0 10px; }.police-chat-system-head::after { right:10px; left:10px; }.police-chat-system-head > div { padding-left:8px; }.police-chat-system-head > div::before { height:18px; }.police-chat-system-head p { font-size:7px; }.police-chat-system-head h2 { font-size:13px; }.police-chat-system-head > span { display:none; }.police-messenger { min-height:480px; }.police-contact-list > button { min-height:72px; }.police-contact-avatar { width:30px; height:30px; }.police-chat-window { grid-template-rows:52px minmax(190px, 1fr) auto 52px; }.police-chat-window > header { min-height:52px; padding:0 11px; }.police-chat-log { padding:13px 10px; }.police-chat-prompts { padding-right:8px; padding-left:8px; }.police-chat-form { min-height:52px; padding:7px 7px 7px 11px; } }

.police-chat-system-head { min-height:44px; }.police-chat-system-head > div::before { height:16px; }.police-chat-system-head h2 { margin:0; font-size:14px; }
@media (max-width:620px) { .police-chat-system-head { min-height:42px; }.police-chat-system-head h2 { font-size:13px; } }

/* 顶部聊天入口采用工具按钮形态，未读数是唯一的持续提示。 */
.police-chat-header-entry { position:relative; justify-content:center; width:40px; min-width:40px; min-height:40px; padding:0; border:1px solid rgba(90,205,231,.48); border-radius:5px; background:rgba(7,45,80,.58); box-shadow:none; }.police-chat-header-entry:hover,.police-chat-header-entry.is-active { border-color:#7de7f7; background:rgba(13,75,111,.74); box-shadow:0 0 0 3px rgba(86,207,235,.1); }.police-chat-header-entry .police-chat-entry-copy { display:none; }.police-chat-header-entry .police-chat-entry-mark { width:17px; height:17px; border-color:#7bd9e7; border-radius:5px; box-shadow:none; }.police-chat-header-entry .police-chat-entry-mark::after { border-bottom-color:#7bd9e7; }.police-chat-header-entry b { position:absolute; top:-6px; right:-6px; min-width:17px; height:17px; color:#062a3d; border:1px solid #0c2840; background:#71d8e8; font-size:8px; }.police-chat-header-entry::after { content:attr(data-tooltip); position:absolute; z-index:12; top:calc(100% + 8px); right:0; padding:6px 8px; color:#dff7fb; border:1px solid rgba(90,205,231,.36); border-radius:4px; background:#082039; box-shadow:0 8px 18px rgba(0,0,0,.28); font:10px Inter, "PingFang SC", sans-serif; letter-spacing:0; white-space:nowrap; opacity:0; pointer-events:none; transform:translateY(-3px); transition:opacity .15s ease, transform .15s ease; }.police-chat-header-entry:hover::after,.police-chat-header-entry:focus-visible::after { opacity:1; transform:translateY(0); }
@media (max-width:620px) { .police-chat-header-entry { width:38px; min-width:38px; min-height:38px; }.police-chat-header-entry .police-chat-entry-mark { width:16px; height:16px; }.police-chat-header-entry b { top:-5px; right:-5px; } }

/* 案件协查在住户端保持“档案夹”般的克制：先说明权限，再呈现可复核的原始时段。 */
.fuxi-case-records { margin-top:48px; }.fuxi-case-layout { display:grid; grid-template-columns:260px minmax(0, 1fr); overflow:hidden; border:1px solid #e2e8f0; border-radius:28px; background:rgba(255,255,255,.9); box-shadow:0 14px 34px rgba(15,23,42,.045); }.fuxi-case-tabs { display:grid; align-content:start; gap:5px; padding:12px; border-right:1px solid #e2e8f0; background:linear-gradient(160deg, #f8fafc, #f1f5f9); }.fuxi-case-tabs button { display:grid; grid-template-columns:30px minmax(0, 1fr); gap:10px; align-items:center; padding:12px; color:#64748b; border:1px solid transparent; border-radius:17px; background:transparent; text-align:left; cursor:pointer; transition:.18s ease; }.fuxi-case-tabs button:hover { color:#0a1b33; background:rgba(255,255,255,.82); }.fuxi-case-tabs button.is-active { color:#0a1b33; border-color:#d7e1ec; background:#fff; box-shadow:0 4px 11px rgba(15,23,42,.05); }.fuxi-case-tabs i { display:grid; place-items:center; width:30px; height:30px; color:#1d4ed8; border:1px solid #dbeafe; border-radius:50%; background:#eff6ff; font:600 12px Outfit, "PingFang SC", sans-serif; font-style:normal; }.fuxi-case-tabs b,.fuxi-case-tabs small { display:block; }.fuxi-case-tabs b { font:600 12px Inter, "PingFang SC", sans-serif; }.fuxi-case-tabs small { margin-top:3px; color:#94a3b8; font:10px/1.3 Inter, "PingFang SC", sans-serif; }.fuxi-case-screen { min-height:356px; padding:28px; }.fuxi-case-screen > header { padding-bottom:18px; border-bottom:1px solid #e2e8f0; }.fuxi-case-screen > header p { margin:0; color:#64748b; font:600 9px Inter, sans-serif; letter-spacing:.1em; }.fuxi-case-screen > header h3 { margin:7px 0 0; color:#0a1b33; font:500 27px/1 Outfit, "PingFang SC", sans-serif; letter-spacing:-.05em; }.fuxi-case-screen > header span { display:block; margin-top:7px; color:#64748b; font:11px/1.55 Inter, "PingFang SC", sans-serif; }.fuxi-case-lock { display:grid; align-content:center; min-height:300px; max-width:480px; margin:auto; text-align:center; }.fuxi-case-lock > span { justify-self:center; padding:5px 8px; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; background:#eff6ff; font:600 9px Inter, sans-serif; letter-spacing:.08em; }.fuxi-case-lock h3 { margin:15px 0 0; color:#0a1b33; font:500 27px/1.1 Outfit, "PingFang SC", sans-serif; letter-spacing:-.05em; }.fuxi-case-lock p { margin:11px 0 0; color:#64748b; font:12px/1.7 Inter, "PingFang SC", sans-serif; }.fuxi-case-lock small { margin-top:16px; color:#94a3b8; font:10px/1.5 Inter, "PingFang SC", sans-serif; }.fuxi-case-timeline { display:grid; gap:0; margin:0; padding:0; list-style:none; }.fuxi-case-timeline li { display:grid; grid-template-columns:55px minmax(0, 1fr); gap:14px; padding:15px 0; border-bottom:1px solid #eef2f7; }.fuxi-case-timeline time { color:#2563eb; font:600 10px Inter, sans-serif; }.fuxi-case-timeline b,.fuxi-case-timeline span,.fuxi-case-timeline small { display:block; }.fuxi-case-timeline b { color:#0a1b33; font:600 12px Inter, "PingFang SC", sans-serif; }.fuxi-case-timeline span { margin-top:3px; color:#64748b; font:11px/1.55 Inter, "PingFang SC", sans-serif; }.fuxi-case-timeline small { margin-top:5px; color:#2563eb; font:10px/1.45 Inter, "PingFang SC", sans-serif; }.fuxi-case-timeline .is-marked { margin:0 -10px; padding:15px 10px; border-radius:12px; background:#fffbeb; }.fuxi-case-screen footer { display:flex; gap:8px; margin-top:17px; padding:12px 0 0; color:#64748b; border-top:1px solid #e2e8f0; font:11px/1.6 Inter, "PingFang SC", sans-serif; }.fuxi-case-screen footer i { flex:0 0 auto; width:6px; height:6px; margin-top:6px; border-radius:50%; background:#f2c94c; box-shadow:0 0 0 4px rgba(242,201,76,.14); }.fuxi-route-map { display:flex; align-items:center; gap:8px; margin-top:25px; padding:22px 0; }.fuxi-route-map div { flex:1; min-width:0; padding:14px; border:1px solid #dbeafe; border-radius:14px; background:#f8fbff; }.fuxi-route-map div.is-alert { border-color:#fde68a; background:#fffbeb; }.fuxi-route-map b,.fuxi-route-map span { display:block; }.fuxi-route-map b { color:#2563eb; font:600 10px Inter, sans-serif; }.fuxi-route-map span { margin-top:6px; color:#334155; font:11px/1.45 Inter, "PingFang SC", sans-serif; }.fuxi-route-map i { flex:0 0 15px; height:1px; background:#cbd5e1; }.fuxi-case-facts { display:grid; gap:0; margin:0; border-top:1px solid #e2e8f0; }.fuxi-case-facts div { display:grid; grid-template-columns:86px minmax(0, 1fr); gap:12px; padding:11px 0; border-bottom:1px solid #eef2f7; }.fuxi-case-facts dt { color:#64748b; font:10px Inter, "PingFang SC", sans-serif; }.fuxi-case-facts dd { margin:0; color:#334155; font:11px/1.6 Inter, "PingFang SC", sans-serif; }.fuxi-thermal-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; margin:24px 0; }.fuxi-thermal-grid section { min-height:135px; padding:14px; border:1px solid #e2e8f0; border-radius:15px; background:#f8fafc; }.fuxi-thermal-grid section.is-alert { border-color:#fde68a; background:#fffbeb; }.fuxi-thermal-grid span,.fuxi-thermal-grid strong,.fuxi-thermal-grid p { display:block; }.fuxi-thermal-grid span { color:#64748b; font:10px Inter, "PingFang SC", sans-serif; }.fuxi-thermal-grid strong { margin-top:14px; color:#0a1b33; font:500 21px/1 Outfit, "PingFang SC", sans-serif; letter-spacing:-.04em; }.fuxi-thermal-grid p { margin:9px 0 0; color:#64748b; font:10px/1.55 Inter, "PingFang SC", sans-serif; }
@media (max-width:700px) { .fuxi-case-records { margin-top:38px; }.fuxi-case-layout { grid-template-columns:1fr; border-radius:22px; }.fuxi-case-tabs { grid-template-columns:repeat(3, 1fr); gap:5px; padding:8px; border-right:0; border-bottom:1px solid #e2e8f0; }.fuxi-case-tabs button { grid-template-columns:1fr; justify-items:center; gap:5px; padding:8px 4px; text-align:center; }.fuxi-case-tabs small { display:none; }.fuxi-case-screen { min-height:320px; padding:19px 15px; }.fuxi-case-screen > header h3 { font-size:23px; }.fuxi-route-map { gap:4px; padding:18px 0; }.fuxi-route-map div { padding:10px; }.fuxi-route-map span { font-size:10px; }.fuxi-case-facts div { grid-template-columns:68px minmax(0, 1fr); gap:8px; }.fuxi-thermal-grid { grid-template-columns:1fr; margin:18px 0; }.fuxi-thermal-grid section { min-height:0; }.fuxi-case-lock h3 { font-size:23px; } }

/* 检索到的笔录遵循卷宗格式：先载明询问信息，再按“问／答”连续记录。 */
.police-record-dialogue { padding:18px 20px 2px; }.police-transcript-meta { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 18px; margin:12px 0 0; padding:12px 0; border-top:1px solid rgba(91,199,237,.18); border-bottom:1px solid rgba(91,199,237,.18); }.police-transcript-meta div { display:grid; grid-template-columns:64px minmax(0, 1fr); gap:8px; padding:4px 0; }.police-transcript-meta dt { color:#78aebe; font:10px Inter, "PingFang SC", sans-serif; }.police-transcript-meta dd { margin:0; color:#cbe4ee; font:10px/1.5 Inter, "PingFang SC", sans-serif; }.police-record-dialogue ol { display:grid; gap:0; margin:15px 0 0; padding:0; list-style:none; }.police-record-dialogue li { display:grid; grid-template-columns:30px minmax(0, 1fr); gap:9px; align-items:start; padding:10px 0; border-bottom:1px solid rgba(91,199,237,.12); }.police-record-dialogue li b { color:#8fc9d9; font:600 12px/1.6 "Songti SC", STSong, serif; }.police-record-dialogue li p { margin:0; color:#d5eaf2; font:12px/1.75 "Songti SC", STSong, serif; }.police-record-dialogue li.is-question b { color:#87e2cd; }.police-record-dialogue li.is-question p { color:#e6f9f4; }
.police-transcript-attachment { margin:16px 0 0; padding:10px; border:1px solid rgba(105,205,242,.28); background:rgba(2,21,45,.58); }.police-transcript-attachment img { display:block; width:min(100%, 540px); max-height:610px; margin:0 auto; object-fit:contain; object-position:top; border:1px solid rgba(202,238,255,.16); background:#f8fafc; }.police-transcript-attachment figcaption { margin-top:9px; color:#8db8ca; font:10px Inter, "PingFang SC", sans-serif; letter-spacing:.04em; text-align:center; }
.police-record-detail.is-document-only { border:0; background:transparent; box-shadow:none; }.police-direct-document { padding:0; }.police-direct-document > img { display:block; width:100%; margin:0; background:#f8fafc; }
@media (max-width:620px) { .police-record-dialogue { padding:15px 14px 1px; }.police-transcript-meta { grid-template-columns:1fr; gap:0; }.police-transcript-meta div { grid-template-columns:60px minmax(0, 1fr); }.police-record-dialogue li { grid-template-columns:25px minmax(0, 1fr); gap:7px; }.police-record-dialogue li p { font-size:11px; } }

/* 得远物流查询页以黑白移动端小程序为原型，只保留双重隐私核验与物流节点。 */
.delivery-page { min-height:100dvh; color:#111; background:#f6f6f4; font-family:Inter, "PingFang SC", "Noto Sans CJK SC", sans-serif; }.delivery-page::before { display:none; }.delivery-shell { width:min(100%, 540px); min-height:100dvh; margin:0 auto; padding:0 20px 42px; background:#fff; }.delivery-header { display:flex; align-items:center; justify-content:space-between; height:60px; border-bottom:1px solid #ececea; }.delivery-header a { display:grid; place-items:center; width:28px; height:28px; color:#111; font:400 31px/1 Arial, sans-serif; text-decoration:none; }.delivery-header strong { font-size:15px; letter-spacing:.04em; }.delivery-header span { width:28px; color:#111; font:700 17px/1 Arial, sans-serif; text-align:center; }.delivery-hero { padding:50px 2px 28px; }.delivery-hero p { margin:0 0 11px; color:#888; font-size:11px; letter-spacing:.14em; }.delivery-hero h1 { margin:0; font-size:34px; line-height:1; letter-spacing:-.07em; }.delivery-hero span { display:block; margin-top:15px; color:#777; font-size:13px; }.delivery-query-card { display:grid; gap:18px; padding:24px 19px 18px; border:1px solid #e5e5e2; border-radius:12px; background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.035); }.delivery-query-card label { display:grid; gap:8px; color:#40403e; font-size:12px; font-weight:600; }.delivery-query-card input { width:100%; min-height:48px; padding:0 13px; color:#111; border:1px solid #d7d7d3; border-radius:7px; outline:0; background:#fff; font:500 15px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.06em; }.delivery-query-card input:focus { border-color:#111; box-shadow:0 0 0 3px rgba(0,0,0,.08); }.delivery-query-card button { min-height:48px; color:#fff; border:0; border-radius:7px; background:#111; font-size:14px; font-weight:700; }.delivery-query-card button:hover { background:#333; }.delivery-feedback { min-height:18px; margin:-7px 0 0; color:#b33d32; font-size:11px; }.delivery-result { margin-top:22px; padding:21px 19px; border:1px solid #e5e5e2; border-radius:12px; background:#fff; }.delivery-result-state { margin:0; color:#20714c; font-size:11px; font-weight:700; letter-spacing:.08em; }.delivery-result h2 { margin:8px 0 19px; font-size:22px; letter-spacing:-.045em; }.delivery-result dl { margin:0; padding:14px 0; border-top:1px solid #ededeb; border-bottom:1px solid #ededeb; }.delivery-result dl div { display:flex; justify-content:space-between; gap:15px; padding:5px 0; font-size:12px; }.delivery-result dt { color:#888; }.delivery-result dd { margin:0; color:#20201f; font-family:ui-monospace, "SFMono-Regular", Menlo, monospace; }.delivery-result ol { margin:0; padding:18px 0 0; list-style:none; }.delivery-result li { display:grid; grid-template-columns:84px minmax(0, 1fr); gap:12px; padding:0 0 17px; color:#444; font-size:12px; line-height:1.55; }.delivery-result li:last-child { padding-bottom:0; }.delivery-result time { color:#111; font:600 10px ui-monospace, "SFMono-Regular", Menlo, monospace; }.delivery-notice { max-width:390px; margin:18px auto 0; color:#999; font-size:11px; line-height:1.65; text-align:center; }.police-chat-link { display:inline-flex; align-items:center; margin-top:8px; padding:7px 9px; color:#15533f; border:1px solid #83c8aa; border-radius:4px; background:#f8fffa; font:600 10px Inter, "PingFang SC", sans-serif; text-decoration:none; }.police-chat-link::after { content:"↗"; margin-left:7px; color:#29956a; font-size:12px; }.police-chat-link:hover { color:#0b3d2e; border-color:#3ca878; background:#e8f8ee; }
.delivery-shell { padding:0 0 42px; }.delivery-header { height:58px; padding:0 20px; border-bottom:0; }.delivery-header strong { font-size:14px; }.delivery-search-bar { display:grid; grid-template-columns:minmax(0, 1.12fr) 1px minmax(0, .88fr) 38px; gap:0; align-items:center; margin:0 16px; padding:0 12px; border-radius:12px; background:#f1f1f1; }.delivery-search-bar label { display:grid; grid-template-columns:auto minmax(0, 1fr); align-items:center; gap:7px; min-width:0; }.delivery-search-bar label span { color:#555; font-size:11px; font-weight:700; white-space:nowrap; }.delivery-search-bar input { min-width:0; width:100%; height:43px; color:#161616; border:0; outline:0; background:transparent; font:600 12px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.025em; }.delivery-search-bar input::placeholder { color:#a1a1a1; font-family:Inter, "PingFang SC", sans-serif; letter-spacing:0; }.delivery-search-bar i { height:18px; background:#d3d3d3; }.delivery-search-bar button { display:grid; place-items:center; width:34px; height:34px; color:#fff; border:0; border-radius:9px; background:#151515; font:400 25px/1 Arial, sans-serif; }.delivery-search-bar button:hover { background:#333; }.delivery-search-bar .delivery-feedback { grid-column:1 / -1; min-height:0; margin:0; padding:0 0 10px; }.delivery-tabs { display:flex; gap:25px; overflow:auto; margin-top:20px; padding:0 20px 14px; border-bottom:1px solid #ededed; }.delivery-tabs button { position:relative; flex:0 0 auto; padding:0; color:#929292; border:0; background:transparent; font-size:14px; font-weight:600; }.delivery-tabs b { font-size:10px; }.delivery-tabs button.is-active { color:#121212; }.delivery-tabs button.is-active::after { content:""; position:absolute; right:0; bottom:-15px; left:0; height:3px; border-radius:3px; background:#111; }.delivery-empty { display:grid; place-items:center; min-height:360px; padding:44px 20px 20px; color:#949494; text-align:center; }.delivery-empty i { display:grid; place-items:center; width:86px; height:61px; margin-bottom:20px; color:#d9d9d9; border:2px solid #e3e3e3; border-radius:7px; font:400 44px/1 Arial, sans-serif; transform:skewY(-10deg); }.delivery-empty p { margin:0; font-size:14px; line-height:1.8; }.delivery-result { margin:22px 16px 0; }.delivery-result:not([hidden]) ~ .delivery-empty { display:none; }.delivery-notice { margin-right:24px; margin-left:24px; }
.delivery-search-bar { grid-template-columns:1fr; gap:8px; padding:12px; border:1px solid #e6e6e4; border-radius:13px; background:#fafafa; }.delivery-search-bar label { min-height:46px; padding:0 12px; border:1px solid #dededb; border-radius:8px; background:#fff; }.delivery-search-bar label span { width:48px; color:#333; }.delivery-search-bar input { height:44px; }.delivery-search-bar i { display:none; }.delivery-search-bar button { width:100%; height:43px; border-radius:8px; font:600 13px/1 Inter, "PingFang SC", sans-serif; }.delivery-search-bar button::after { content:"查询快递"; margin-left:7px; }.delivery-search-bar .delivery-feedback { padding:1px 2px 0; }.delivery-tabs { margin-top:18px; }
.delivery-search-bar { gap:10px; padding:0; border:0; border-radius:0; background:transparent; }.delivery-search-bar label { border:0; border-radius:9px; background:#f1f1f1; }.delivery-search-bar input { background:#f1f1f1; }.delivery-search-bar input:focus { box-shadow:inset 0 0 0 1px #222; }.delivery-search-bar button { margin-top:2px; }
.delivery-search-bar button { display:block; white-space:nowrap; }.delivery-search-bar button::after { display:none; }
.delivery-page.is-tracking-open .delivery-search-bar,.delivery-page.is-tracking-open .delivery-tabs,.delivery-page.is-tracking-open .delivery-empty,.delivery-page.is-tracking-open .delivery-notice { display:none; }.delivery-page.is-tracking-open .delivery-shell { padding-bottom:0; }.delivery-page.is-tracking-open .delivery-header { border-bottom:1px solid #ededed; }.delivery-page.is-tracking-open .delivery-result { margin:0; padding:0; border:0; border-radius:0; }.delivery-route-map { position:relative; min-height:420px; overflow:hidden; background:linear-gradient(145deg, #eceeea, #f7f7f5 55%, #e8e9e6); }.delivery-route-map::before,.delivery-route-map::after { content:""; position:absolute; border:1px dashed #c5c8c3; border-radius:47% 53% 42% 58%; opacity:.85; }.delivery-route-map::before { inset:76px 41% 44px -20%; }.delivery-route-map::after { inset:122px -16% 38px 54%; }.delivery-route-map svg { position:absolute; inset:0; width:100%; height:100%; }.delivery-route-map path { fill:none; stroke:#171717; stroke-width:7; stroke-linecap:round; stroke-linejoin:round; }.delivery-route-map circle { fill:#fff; stroke:#171717; stroke-width:5; }.delivery-map-label { position:absolute; z-index:1; color:#929590; font:600 11px/1.4 Inter, "PingFang SC", sans-serif; letter-spacing:.06em; }.delivery-map-label.is-hospital { bottom:76px; left:92px; }.delivery-map-label.is-community { top:174px; right:24px; color:#303331; text-align:right; }.delivery-map-block { position:absolute; display:block; border:1px solid rgba(183,187,180,.5); background:rgba(255,255,255,.38); transform:rotate(-16deg); }.delivery-map-block.is-one { width:142px; height:79px; top:175px; left:16px; }.delivery-map-block.is-two { width:116px; height:64px; right:15px; bottom:61px; transform:rotate(13deg); }.delivery-map-block.is-three { width:84px; height:50px; top:93px; left:53%; transform:rotate(30deg); }.delivery-route-summary { position:absolute; z-index:2; top:17px; right:16px; left:16px; overflow:hidden; border-radius:12px; background:#fff; box-shadow:0 8px 22px rgba(0,0,0,.08); }.delivery-route-summary > p { margin:0; padding:9px 13px; color:#f6f6f6; background:#161616; font:600 11px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.03em; }.delivery-route-summary > div { padding:15px 13px 7px; }.delivery-route-summary strong { display:block; font-size:25px; letter-spacing:-.06em; }.delivery-route-summary small { display:block; margin-top:4px; color:#777; font-size:11px; }.delivery-route-summary > span { display:block; padding:0 13px 15px; color:#333; font-size:12px; font-weight:600; }.delivery-route-summary b { margin:0 10px; font-size:19px; vertical-align:-1px; }.delivery-route-finish { position:absolute; z-index:2; right:28px; bottom:93px; padding:10px 12px; border-radius:9px; background:#fff; box-shadow:0 5px 16px rgba(0,0,0,.08); }.delivery-route-finish b,.delivery-route-finish span { display:block; }.delivery-route-finish b { font-size:14px; }.delivery-route-finish span { margin-top:3px; color:#777; font-size:10px; }.delivery-tracking-detail { padding:24px 20px 36px; background:#fff; }.delivery-tracking-detail > p { margin:0 0 20px; color:#111; font-size:19px; font-weight:700; letter-spacing:-.04em; }.delivery-tracking-detail ol { margin:0; padding:0; list-style:none; }.delivery-tracking-detail li { position:relative; display:grid; grid-template-columns:28px minmax(0, 1fr); gap:11px; padding:0 0 24px; }.delivery-tracking-detail li:not(:last-child)::after { content:""; position:absolute; top:28px; bottom:0; left:13px; border-left:2px dotted #d3d3d0; }.delivery-tracking-detail li > i { z-index:1; display:grid; place-items:center; width:27px; height:27px; color:#fff; border-radius:50%; background:#171717; font:700 10px Inter, "PingFang SC", sans-serif; font-style:normal; }.delivery-tracking-detail li:not(:first-child) > i { width:9px; height:9px; margin:9px; background:#aaa; }.delivery-tracking-detail strong,.delivery-tracking-detail time,.delivery-tracking-detail span { display:block; }.delivery-tracking-detail strong { font-size:14px; }.delivery-tracking-detail time { margin-top:2px; color:#777; font:10px ui-monospace, "SFMono-Regular", Menlo, monospace; }.delivery-tracking-detail span { margin-top:5px; color:#656565; font-size:11px; line-height:1.65; }

/* 医疗专刊以病例阅览器为隐喻：荧白档案页在墨绿的医疗终端中逐张翻出。 */
.medical-journal-page { min-height:100dvh; color:#e8f1e9; background:#07191c; font-family:Inter, "PingFang SC", "Noto Sans CJK SC", sans-serif; }.medical-journal-page::before { content:""; position:fixed; z-index:-1; inset:0; background:radial-gradient(circle at 18% 7%, rgba(93,184,164,.14), transparent 26%), radial-gradient(circle at 84% 88%, rgba(211,156,73,.1), transparent 26%), linear-gradient(120deg, transparent 49.5%, rgba(173,234,215,.035) 50%, transparent 50.5%); }.medical-journal-shell { width:min(100%, 1080px); margin:0 auto; padding:26px 28px 34px; }.medical-journal-topbar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:43px; color:#a7c4bd; border-bottom:1px solid rgba(168,231,213,.18); font:10px/1.2 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.07em; }.medical-journal-topbar a { color:#c8eee3; text-decoration:none; }.medical-journal-topbar a:hover { color:#fff4d4; }.medical-journal-topbar p { margin:0; color:#71968d; text-align:center; }.medical-journal-topbar p i { display:inline-block; width:4px; height:4px; margin:0 8px; border-radius:50%; background:#d7a34f; vertical-align:2px; }.medical-journal-topbar > span { justify-self:end; color:#d3a95d; }.medical-journal-reader { margin-top:42px; }.medical-journal-reader-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:19px; }.medical-journal-reader-head p { margin:0; color:#89cbbb; font:600 10px/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.16em; }.medical-journal-reader-head h1 { margin:8px 0 0; color:#f0f7e9; font:500 31px/1 "Songti SC", STSong, serif; letter-spacing:.13em; }.medical-journal-page-count { display:flex; align-items:baseline; gap:5px; color:#6e948a; font:500 13px/1 ui-monospace, "SFMono-Regular", Menlo, monospace; }.medical-journal-page-count b { color:#e0b063; font-size:29px; font-weight:500; letter-spacing:-.08em; }.medical-journal-stage { position:relative; min-height:618px; perspective:1800px; }.medical-journal-leaf { position:absolute; inset:0; overflow:hidden; transform-origin:left center; backface-visibility:hidden; transition:transform .66s cubic-bezier(.2,.7,.2,1), opacity .34s ease, filter .34s ease; }.medical-journal-leaf.is-active { z-index:4; opacity:1; transform:rotateY(0); }.medical-journal-leaf.is-before { z-index:2; opacity:0; filter:brightness(.72); pointer-events:none; transform:rotateY(-178deg); }.medical-journal-leaf.is-after { z-index:1; opacity:0; filter:brightness(.72); pointer-events:none; transform:rotateY(8deg); }.medical-cover-grid,.medical-paper-layout { height:100%; border:1px solid rgba(198,230,211,.28); box-shadow:0 23px 55px rgba(0,0,0,.28); }.medical-cover-grid { position:relative; display:grid; grid-template-columns:1fr minmax(260px, 1.35fr); grid-template-rows:1fr auto; gap:28px; padding:46px; overflow:hidden; color:#daf1e8; background:#0a2a2e; }.medical-cover-grid::before,.medical-cover-grid::after { content:""; position:absolute; pointer-events:none; }.medical-cover-grid::before { inset:14px; border:1px solid rgba(180,235,215,.19); }.medical-cover-grid::after { right:-17%; bottom:-44%; width:72%; aspect-ratio:1; border:1px solid rgba(210,166,89,.45); border-radius:50%; box-shadow:0 0 0 22px rgba(210,166,89,.04), 0 0 0 47px rgba(210,166,89,.025); }.medical-issue { z-index:1; margin:0; color:#8dbbb0; font:10px/1.7 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.14em; }.medical-cover-title { z-index:1; align-self:center; padding-left:24px; border-left:1px solid rgba(212,169,91,.62); }.medical-cover-title > span { color:#dcae64; font:10px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.34em; }.medical-cover-title h2 { margin:15px 0 0; color:#f1f6e9; font:500 clamp(51px, 8vw, 86px)/.92 "Songti SC", STSong, serif; letter-spacing:.1em; }.medical-cover-title p { margin:25px 0 0; color:#b8d5ca; font:14px/1.95 "Songti SC", STSong, serif; letter-spacing:.08em; }.medical-cover-mark { z-index:1; display:grid; grid-template-columns:repeat(4, 1fr); gap:5px; align-self:end; max-width:220px; }.medical-cover-mark i { height:24px; background:#d5a65d; }.medical-cover-mark i:nth-child(2) { height:45px; align-self:end; background:#c7ebdc; }.medical-cover-mark i:nth-child(3) { height:75px; align-self:end; background:#70ad9f; }.medical-cover-mark i:nth-child(4) { height:104px; align-self:end; background:#487e75; }.medical-cover-foot { z-index:1; grid-column:1 / -1; margin:0; color:#719a8e; font:9px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.12em; }.medical-paper-layout { display:flex; flex-direction:column; padding:36px 42px 28px; color:#173334; background:#edf1e7; }.medical-article-head { display:flex; justify-content:space-between; padding-bottom:13px; color:#4e7971; border-bottom:1px solid #b6c7ba; font:10px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.1em; }.medical-article-lead { padding:20px 0 24px; }.medical-article-lead p { margin:0; color:#b07a2a; font:10px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.13em; }.medical-article-lead h2 { margin:9px 0 0; color:#143334; font:500 33px/1.13 "Songti SC", STSong, serif; letter-spacing:.06em; }.medical-article-lead span { display:block; margin-top:12px; color:#52736e; font:12px/1.6 "Songti SC", STSong, serif; }.medical-article-columns { display:grid; grid-template-columns:minmax(250px, .83fr) minmax(0, 1.17fr); gap:33px; align-items:start; }.medical-hospital-plate { position:relative; min-height:312px; overflow:hidden; border:1px solid #cad7cc; background:linear-gradient(#d8e6dc, #f0eee1 55%); }.medical-hospital-sun { position:absolute; top:38px; right:41px; width:49px; height:49px; border:2px solid #d49d4d; border-radius:50%; }.medical-hospital-building { position:absolute; right:17%; bottom:57px; left:17%; display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; align-items:end; height:153px; padding:11px; background:#3f706b; }.medical-hospital-building::before { content:""; position:absolute; top:-23px; left:23%; width:54%; height:23px; background:#5c8d84; }.medical-hospital-building i { height:70%; background:#cfe2d4; opacity:.85; }.medical-hospital-building i:nth-child(2),.medical-hospital-building i:nth-child(5) { height:100%; }.medical-hospital-plate small { position:absolute; right:15px; bottom:15px; left:15px; color:#3f6e67; font:9px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.08em; }.medical-prose { color:#284748; font:13px/1.82 "Songti SC", STSong, serif; }.medical-prose p { margin:0 0 13px; }.medical-article-foot { margin-top:auto; padding-top:16px; color:#6c8e86; border-top:1px solid #b6c7ba; font:9px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.08em; }.medical-team-layout { display:grid; grid-template-columns:minmax(250px, .85fr) minmax(0, 1.15fr); gap:33px; }.medical-team-photo { position:relative; min-height:302px; margin:0; overflow:hidden; border:1px solid #b9c8bd; background:linear-gradient(135deg, #607c76, #aabdb0 48%, #d4d7c9); }.medical-team-photo::after { content:""; position:absolute; right:-26px; bottom:-22px; width:130px; height:130px; border:1px solid rgba(255,255,255,.52); border-radius:50%; }.medical-team-window { position:absolute; top:31px; right:34px; left:34px; height:91px; border:7px solid rgba(239,245,233,.48); background:linear-gradient(115deg, rgba(214,241,233,.7), rgba(90,143,138,.48)); }.medical-team-row { position:absolute; right:28px; bottom:53px; left:28px; display:flex; justify-content:space-between; align-items:end; }.medical-team-row i { position:relative; width:38px; height:102px; border-radius:18px 18px 5px 5px; background:#f1eee0; box-shadow:inset 0 -38px 0 #557d76; }.medical-team-row i::before { content:""; position:absolute; top:-38px; left:5px; width:28px; height:34px; border-radius:50%; background:#c79d77; }.medical-team-row i:nth-child(2),.medical-team-row i:nth-child(4) { height:86px; background:#e6f0e7; box-shadow:inset 0 -34px 0 #365f5d; }.medical-team-row i:nth-child(3) { height:119px; background:#e6f0e7; box-shadow:inset 0 -47px 0 #315a57; }.medical-team-photo figcaption { position:absolute; z-index:2; right:15px; bottom:15px; left:15px; color:#f1f6e8; font:9px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.08em; }.medical-photo-caption { margin:16px 0 14px; padding:10px 0; border-top:1px solid #b9c8bd; border-bottom:1px solid #b9c8bd; }.medical-photo-caption dt { color:#6c9087; font:9px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.06em; }.medical-photo-caption dd { margin:7px 0 0; color:#264847; font:12px/1.75 "Songti SC", STSong, serif; }.medical-muted { color:#66857e; font-size:12px; }.medical-journal-controls { display:grid; grid-template-columns:120px 1fr 120px; gap:16px; align-items:center; margin-top:23px; }.medical-journal-controls button { min-height:40px; color:#d2e9dd; border:1px solid rgba(163,229,210,.34); background:transparent; font:11px Inter, "PingFang SC", sans-serif; letter-spacing:.08em; cursor:pointer; }.medical-journal-controls button:hover:not(:disabled) { color:#fff3d5; border-color:#dfb46a; background:rgba(213,166,93,.08); }.medical-journal-controls button:disabled { color:#44665f; border-color:rgba(125,169,158,.16); cursor:not-allowed; }.medical-journal-controls p { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:center; margin:0; color:#709a90; font:9px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.1em; }.medical-journal-controls b { position:relative; display:block; height:1px; background:rgba(150,204,190,.2); }.medical-journal-controls b::after { content:""; position:absolute; top:-1px; left:0; width:var(--medical-progress, 33%); height:3px; background:#d7a550; transition:width .4s ease; }
@media (max-width:720px) { .medical-journal-shell { padding:16px 14px 25px; }.medical-journal-topbar { grid-template-columns:1fr auto; }.medical-journal-topbar p { display:none; }.medical-journal-reader { margin-top:31px; }.medical-journal-reader-head h1 { font-size:25px; }.medical-journal-stage { min-height:680px; }.medical-cover-grid { grid-template-columns:1fr; grid-template-rows:auto 1fr auto auto; gap:20px; padding:31px 27px; }.medical-cover-title { padding-left:17px; }.medical-cover-title h2 { font-size:58px; }.medical-cover-mark { grid-row:3; }.medical-paper-layout { padding:25px 23px 21px; }.medical-article-lead h2 { font-size:27px; }.medical-article-columns,.medical-team-layout { grid-template-columns:1fr; gap:19px; }.medical-hospital-plate,.medical-team-photo { min-height:192px; }.medical-hospital-building { bottom:38px; height:100px; }.medical-prose { font-size:12px; line-height:1.72; }.medical-journal-controls { grid-template-columns:88px 1fr 88px; gap:9px; }.medical-journal-controls button { min-height:38px; font-size:10px; }.medical-journal-controls p { grid-template-columns:1fr; gap:6px; }.medical-journal-controls p span { display:none; } }
@media (prefers-reduced-motion:reduce) { .medical-journal-leaf,.medical-journal-controls b::after { transition:none; } }

/* 第二版：把“专刊”收进液态玻璃阅览器，页面本身成为悬浮的信息层而不是仿纸张。 */
.medical-journal-page { color:#173a42; background:linear-gradient(135deg, #d9eff4 0%, #e7edf9 42%, #e8f5ef 100%); }.medical-journal-page::before { z-index:-1; background:radial-gradient(ellipse at 5% 20%, rgba(101,208,231,.48), transparent 33%), radial-gradient(ellipse at 91% 11%, rgba(255,189,159,.44), transparent 31%), radial-gradient(ellipse at 78% 93%, rgba(130,228,179,.42), transparent 35%), radial-gradient(ellipse at 20% 83%, rgba(138,163,255,.28), transparent 36%); filter:blur(12px); }.medical-journal-page::after { content:""; position:fixed; z-index:-1; inset:0; background:linear-gradient(115deg, rgba(255,255,255,.26), transparent 37%, rgba(255,255,255,.18) 54%, transparent 72%); pointer-events:none; }.medical-journal-shell { padding-top:22px; }.medical-journal-topbar { min-height:48px; padding:0 17px; color:#52747e; border:1px solid rgba(255,255,255,.75); border-radius:19px; background:rgba(255,255,255,.34); box-shadow:inset 0 1px rgba(255,255,255,.85), 0 12px 28px rgba(49,105,121,.08); backdrop-filter:blur(22px) saturate(132%); }.medical-journal-topbar a { color:#234c56; }.medical-journal-topbar a:hover { color:#0e808c; }.medical-journal-topbar p { color:#6b8991; }.medical-journal-topbar p i { background:#e88470; }.medical-journal-topbar > span { color:#5d9492; }.medical-journal-reader { margin-top:29px; }.medical-journal-reader-head { padding:0 10px; margin-bottom:14px; }.medical-journal-reader-head p { color:#5a838a; }.medical-journal-reader-head h1 { color:#1d4650; font-family:"Songti SC", STSong, serif; font-weight:600; letter-spacing:.1em; }.medical-journal-page-count { color:#64858d; }.medical-journal-page-count b { color:#257c87; }.medical-journal-stage { min-height:604px; }.medical-journal-leaf { overflow:hidden; border-radius:31px; filter:none; }.medical-journal-leaf.is-active { box-shadow:0 32px 80px rgba(35,79,97,.18); }.medical-journal-leaf.is-before { filter:blur(.4px) brightness(.98); }.medical-journal-leaf.is-after { filter:blur(.4px) brightness(.98); }.medical-cover-grid,.medical-paper-layout { border:1px solid rgba(255,255,255,.78); border-radius:31px; box-shadow:inset 0 1px rgba(255,255,255,.93), inset 0 -1px rgba(91,146,156,.08); backdrop-filter:blur(28px) saturate(130%); }.medical-cover-grid { color:#1d4e55; background:linear-gradient(128deg, rgba(255,255,255,.63), rgba(229,249,248,.33) 48%, rgba(255,230,220,.4)); }.medical-cover-grid::before { inset:20px; border-color:rgba(42,118,132,.14); border-radius:20px; }.medical-cover-grid::after { right:-10%; bottom:-53%; width:68%; border-color:rgba(253,255,255,.8); box-shadow:0 0 0 19px rgba(255,255,255,.2), 0 0 0 56px rgba(255,255,255,.11); }.medical-issue { color:#4d8d96; }.medical-cover-title { padding-left:23px; border-left-color:rgba(47,143,156,.55); }.medical-cover-title > span { color:#3c91a0; }.medical-cover-title h2 { color:#214f57; text-shadow:0 1px rgba(255,255,255,.8); }.medical-cover-title p { color:#4b747b; }.medical-cover-mark { gap:7px; }.medical-cover-mark i { border:1px solid rgba(255,255,255,.66); border-radius:20px 20px 3px 3px; background:linear-gradient(180deg, rgba(128,228,234,.72), rgba(72,144,159,.56)); box-shadow:inset 0 1px rgba(255,255,255,.84), 0 6px 17px rgba(37,107,123,.1); }.medical-cover-mark i:nth-child(2) { background:linear-gradient(180deg, rgba(255,240,194,.78), rgba(236,170,105,.53)); }.medical-cover-mark i:nth-child(3) { background:linear-gradient(180deg, rgba(197,239,213,.8), rgba(86,173,133,.56)); }.medical-cover-mark i:nth-child(4) { background:linear-gradient(180deg, rgba(205,212,255,.83), rgba(101,116,207,.57)); }.medical-cover-foot { color:#5b7e84; }.medical-paper-layout { color:#1d4b53; background:linear-gradient(132deg, rgba(255,255,255,.68), rgba(237,250,250,.4) 53%, rgba(249,243,255,.45)); }.medical-article-head { color:#5a8a91; border-bottom-color:rgba(60,132,144,.2); }.medical-article-lead p { color:#287f8d; }.medical-article-lead h2 { color:#1b4b54; text-shadow:0 1px rgba(255,255,255,.9); }.medical-article-lead span { color:#5c7e84; }.medical-hospital-plate,.medical-team-photo { border-color:rgba(255,255,255,.72); border-radius:21px; background:linear-gradient(135deg, rgba(208,246,249,.76), rgba(255,255,255,.38) 45%, rgba(227,227,255,.53)); box-shadow:inset 0 1px rgba(255,255,255,.9), 0 13px 25px rgba(43,105,121,.09); }.medical-hospital-sun { border-color:rgba(255,255,255,.92); background:rgba(255,203,128,.42); box-shadow:0 0 0 10px rgba(255,255,255,.16); }.medical-hospital-building { border:1px solid rgba(255,255,255,.65); border-radius:18px 18px 0 0; background:rgba(63,137,151,.46); box-shadow:inset 0 1px rgba(255,255,255,.6); }.medical-hospital-building::before { border-radius:12px 12px 0 0; background:rgba(88,162,170,.55); }.medical-hospital-building i { background:rgba(245,255,255,.71); }.medical-hospital-plate small { color:#497e86; }.medical-prose { color:#315c63; }.medical-article-foot { color:#5d858b; border-top-color:rgba(60,132,144,.2); }.medical-team-photo::after { border-color:rgba(255,255,255,.65); }.medical-team-window { border-color:rgba(255,255,255,.65); background:linear-gradient(115deg, rgba(232,255,255,.74), rgba(118,190,195,.36)); }.medical-team-row i { border:1px solid rgba(255,255,255,.75); background:rgba(247,252,250,.74); box-shadow:inset 0 -38px rgba(78,140,143,.53), 0 7px 17px rgba(38,91,101,.1); }.medical-team-row i::before { border:1px solid rgba(255,255,255,.42); background:rgba(210,166,136,.78); }.medical-team-row i:nth-child(2),.medical-team-row i:nth-child(4) { background:rgba(240,255,248,.76); box-shadow:inset 0 -34px rgba(68,135,130,.58), 0 7px 17px rgba(38,91,101,.1); }.medical-team-row i:nth-child(3) { background:rgba(239,255,250,.76); box-shadow:inset 0 -47px rgba(55,128,125,.58), 0 7px 17px rgba(38,91,101,.1); }.medical-team-photo figcaption { color:#edfdfc; text-shadow:0 1px 7px rgba(23,75,83,.55); }.medical-photo-caption { border-color:rgba(60,132,144,.2); }.medical-photo-caption dt { color:#5d8c92; }.medical-photo-caption dd { color:#315c63; }.medical-muted { color:#69888d; }.medical-journal-controls { padding:11px; border:1px solid rgba(255,255,255,.72); border-radius:22px; background:rgba(255,255,255,.27); box-shadow:inset 0 1px rgba(255,255,255,.8), 0 13px 28px rgba(51,102,117,.07); backdrop-filter:blur(20px); }.medical-journal-controls button { color:#285862; border:1px solid rgba(255,255,255,.8); border-radius:13px; background:rgba(255,255,255,.34); box-shadow:inset 0 1px rgba(255,255,255,.9); }.medical-journal-controls button:hover:not(:disabled) { color:#176e79; border-color:rgba(151,231,225,.9); background:rgba(234,255,252,.64); }.medical-journal-controls button:disabled { color:#91aeb3; border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.13); }.medical-journal-controls p { color:#60848b; }.medical-journal-controls b { background:rgba(255,255,255,.75); }.medical-journal-controls b::after { background:linear-gradient(90deg, #54cbd5, #77e0bb, #f1bb77); border-radius:5px; }
@media (max-width:720px) { .medical-journal-topbar { border-radius:15px; }.medical-journal-leaf,.medical-cover-grid,.medical-paper-layout { border-radius:23px; }.medical-journal-stage { min-height:695px; }.medical-journal-controls { border-radius:17px; } }

/* 第三版：仿作品库的深色浏览器；内容预览与期刊索引分离，玻璃只用于有层级的控制面。 */
.medical-journal-page { color:#f2f4f7; background:#0c0c0d; }.medical-journal-page::before { background:radial-gradient(ellipse at 4% 32%, rgba(39,113,154,.34), transparent 37%), radial-gradient(ellipse at 88% 4%, rgba(98,78,154,.23), transparent 34%), radial-gradient(ellipse at 55% 110%, rgba(30,109,96,.22), transparent 36%); filter:blur(24px); }.medical-journal-page::after { background:linear-gradient(117deg, rgba(255,255,255,.035), transparent 28%, rgba(255,255,255,.025) 52%, transparent 74%); }.medical-journal-shell { width:min(100%, 1280px); padding:18px 22px 30px; }.medical-journal-topbar { min-height:54px; padding:0; color:#8f9298; border:0; border-bottom:1px solid #252527; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }.medical-journal-topbar a { display:inline-flex; align-items:center; gap:8px; color:#e9e9ea; font-size:11px; }.medical-journal-topbar a::first-letter { font-size:20px; }.medical-journal-topbar a:hover { color:#b7dbff; }.medical-journal-topbar p { color:#777a80; }.medical-journal-topbar p i { background:#8c9aa3; }.medical-journal-topbar > span { color:#696b70; }.medical-journal-reader { margin-top:22px; }.medical-journal-browser { display:grid; grid-template-columns:minmax(0, 1fr) 306px; gap:15px; align-items:stretch; }.medical-journal-preview { min-width:0; }.medical-journal-reader-head { margin:0 0 12px; padding:0 5px; }.medical-journal-reader-head p { color:#83868c; font-size:9px; }.medical-journal-reader-head h1 { color:#f4f4f5; font-family:Inter, "PingFang SC", sans-serif; font-size:22px; font-weight:650; letter-spacing:-.055em; }.medical-journal-page-count { color:#7d7f84; }.medical-journal-page-count b { color:#f5f5f5; font-size:20px; letter-spacing:-.06em; }.medical-journal-stage { min-height:650px; }.medical-journal-leaf { border:1px solid rgba(255,255,255,.08); border-radius:20px; }.medical-journal-leaf.is-active { box-shadow:0 32px 72px rgba(0,0,0,.32); }.medical-journal-leaf.is-before,.medical-journal-leaf.is-after { filter:brightness(.6); }.medical-cover-grid,.medical-paper-layout { border:0; border-radius:19px; box-shadow:none; backdrop-filter:none; }.medical-cover-grid { background:radial-gradient(circle at 15% 17%, rgba(57,145,195,.4), transparent 29%), radial-gradient(circle at 85% 78%, rgba(44,144,122,.25), transparent 35%), #111b24; }.medical-cover-grid::before { inset:17px; border-color:rgba(238,247,255,.16); border-radius:13px; }.medical-cover-grid::after { right:-11%; bottom:-38%; border-color:rgba(152,211,248,.31); box-shadow:0 0 0 22px rgba(61,133,178,.08), 0 0 0 54px rgba(61,133,178,.035); }.medical-issue { color:#b9d8eb; }.medical-cover-title { border-left-color:#77bde3; }.medical-cover-title > span { color:#91cbeb; }.medical-cover-title h2 { color:#f8fbff; text-shadow:none; }.medical-cover-title p { color:#c1d0d9; }.medical-cover-mark i { border-color:rgba(255,255,255,.15); border-radius:9px 9px 2px 2px; box-shadow:none; background:linear-gradient(180deg, #94cbe7, #316b8d); }.medical-cover-mark i:nth-child(2) { background:linear-gradient(180deg, #c8e4f4, #4c7191); }.medical-cover-mark i:nth-child(3) { background:linear-gradient(180deg, #8fe1cf, #2e7c72); }.medical-cover-mark i:nth-child(4) { background:linear-gradient(180deg, #a2c5ff, #4b4d93); }.medical-cover-foot { color:#91aebd; }.medical-paper-layout { color:#dbe6ec; background:linear-gradient(125deg, rgba(32,48,58,.98), rgba(20,29,35,.98)); }.medical-article-head { color:#8fb5c5; border-bottom-color:rgba(255,255,255,.11); }.medical-article-lead p { color:#86c9e6; }.medical-article-lead h2 { color:#f4f8fa; text-shadow:none; }.medical-article-lead span { color:#afc3cc; }.medical-hospital-plate,.medical-team-photo { border-color:rgba(255,255,255,.1); border-radius:13px; background:linear-gradient(135deg, #22566b, #152a36 47%, #24283c); box-shadow:none; }.medical-hospital-sun { border-color:#d4ebf5; background:rgba(214,233,245,.12); box-shadow:0 0 0 9px rgba(197,227,243,.06); }.medical-hospital-building { border-color:rgba(255,255,255,.19); background:rgba(28,105,130,.7); box-shadow:none; }.medical-hospital-building::before { background:#3a869f; }.medical-hospital-building i { background:rgba(214,241,246,.8); }.medical-hospital-plate small { color:#c0dce6; }.medical-prose { color:#d4e1e5; }.medical-article-foot { color:#89a8b4; border-top-color:rgba(255,255,255,.11); }.medical-team-photo::after { border-color:rgba(255,255,255,.15); }.medical-team-window { border-color:rgba(234,249,255,.35); background:linear-gradient(115deg, rgba(145,210,221,.52), rgba(43,91,108,.3)); }.medical-team-row i { border-color:rgba(255,255,255,.22); background:rgba(231,242,242,.8); box-shadow:inset 0 -38px rgba(27,106,119,.75), 0 7px 17px rgba(0,0,0,.16); }.medical-team-row i:nth-child(2),.medical-team-row i:nth-child(4) { background:rgba(226,241,235,.78); box-shadow:inset 0 -34px rgba(31,101,97,.8), 0 7px 17px rgba(0,0,0,.16); }.medical-team-row i:nth-child(3) { background:rgba(227,240,238,.8); box-shadow:inset 0 -47px rgba(24,91,90,.83), 0 7px 17px rgba(0,0,0,.16); }.medical-team-photo figcaption { color:#ecf9ff; }.medical-photo-caption { border-color:rgba(255,255,255,.11); }.medical-photo-caption dt { color:#91b8c4; }.medical-photo-caption dd { color:#dce7eb; }.medical-muted { color:#9eb6bf; }.medical-journal-sidebar { display:flex; flex-direction:column; min-height:650px; padding:24px; border:1px solid rgba(255,255,255,.07); border-radius:20px; background:rgba(37,37,39,.87); box-shadow:inset 0 1px rgba(255,255,255,.035), 0 20px 42px rgba(0,0,0,.18); backdrop-filter:blur(20px) saturate(105%); }.medical-journal-meta p { margin:0; color:#9b9da3; font:9px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.11em; }.medical-journal-meta h2 { margin:10px 0 0; color:#f6f6f7; font:650 21px/1.2 Inter, "PingFang SC", sans-serif; letter-spacing:-.045em; }.medical-journal-meta > span { display:block; margin-top:6px; color:#a0a2a8; font:12px/1.55 "PingFang SC", sans-serif; }.medical-journal-status { display:flex; gap:7px; margin-top:23px; }.medical-journal-status span { padding:5px 8px; color:#aeb2b9; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:rgba(255,255,255,.035); font-size:9px; }.medical-journal-index { display:grid; gap:5px; margin-top:27px; }.medical-journal-index button { display:grid; grid-template-columns:35px 1fr; gap:11px; align-items:center; width:100%; padding:10px 9px; color:#c4c5c9; border:1px solid transparent; border-radius:11px; background:transparent; text-align:left; cursor:pointer; }.medical-journal-index button:hover { color:#fafafa; background:rgba(255,255,255,.055); }.medical-journal-index button.is-current { color:#fff; border-color:rgba(141,196,225,.23); background:linear-gradient(100deg, rgba(91,164,205,.21), rgba(255,255,255,.05)); }.medical-journal-index i { display:grid; place-items:center; width:35px; height:35px; color:#b7c3cb; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:linear-gradient(135deg, rgba(113,152,177,.31), rgba(255,255,255,.04)); font:10px ui-monospace, "SFMono-Regular", Menlo, monospace; font-style:normal; }.medical-journal-index button.is-current i { color:#e9f7ff; border-color:rgba(154,218,248,.38); background:linear-gradient(135deg, rgba(83,166,213,.68), rgba(87,113,192,.42)); }.medical-journal-index b,.medical-journal-index small { display:block; }.medical-journal-index b { font:600 11px Inter, "PingFang SC", sans-serif; }.medical-journal-index small { margin-top:3px; color:#9699a0; font:10px Inter, "PingFang SC", sans-serif; }.medical-journal-sidebar-foot { margin-top:auto; padding-top:21px; border-top:1px solid rgba(255,255,255,.08); }.medical-journal-sidebar-foot > p { display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center; margin:0 0 14px; color:#898c92; font:9px ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing:.07em; }.medical-journal-sidebar-foot > p b { position:relative; display:block; height:2px; background:rgba(255,255,255,.08); }.medical-journal-sidebar-foot > p b::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--medical-progress, 33%); background:linear-gradient(90deg, #79c6ea, #a8d0ff); transition:width .4s ease; }.medical-journal-controls { grid-template-columns:1fr 1fr; gap:8px; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }.medical-journal-controls button { min-height:39px; color:#efeff0; border-color:rgba(255,255,255,.1); border-radius:10px; background:rgba(255,255,255,.06); box-shadow:inset 0 1px rgba(255,255,255,.06); }.medical-journal-controls button:hover:not(:disabled) { color:#fff; border-color:rgba(170,220,245,.38); background:rgba(129,194,227,.13); }.medical-journal-controls button:disabled { color:#6e7075; border-color:rgba(255,255,255,.04); background:rgba(255,255,255,.025); }
@media (max-width:850px) { .medical-journal-browser { grid-template-columns:1fr; }.medical-journal-sidebar { min-height:0; padding:19px; }.medical-journal-index { grid-template-columns:repeat(3, 1fr); margin-top:19px; }.medical-journal-index button { grid-template-columns:1fr; justify-items:start; gap:7px; min-height:91px; }.medical-journal-sidebar-foot { display:grid; grid-template-columns:1fr auto; gap:16px; align-items:end; margin-top:18px; padding-top:16px; }.medical-journal-sidebar-foot > p { margin:0; min-width:150px; }.medical-journal-controls { width:184px; } }
@media (max-width:720px) { .medical-journal-shell { padding:13px 12px 23px; }.medical-journal-topbar { min-height:46px; }.medical-journal-topbar p { display:none; }.medical-journal-stage { min-height:695px; }.medical-journal-leaf,.medical-cover-grid,.medical-paper-layout,.medical-journal-sidebar { border-radius:15px; }.medical-journal-reader-head h1 { font-size:19px; }.medical-journal-index { gap:4px; }.medical-journal-index button { min-height:82px; padding:8px; }.medical-journal-index small { font-size:9px; }.medical-journal-sidebar-foot { grid-template-columns:1fr; align-items:stretch; gap:12px; }.medical-journal-controls { width:auto; }.medical-journal-controls button { font-size:10px; } }

/* 第四版：膜玻璃。没有描边、分隔线或假装杂志的装饰；只有内容在半透明膜层里浮动。 */
.medical-journal-page { color:#20304c; background:linear-gradient(132deg, #c6d4e9 0%, #dddaf0 42%, #c6e6df 100%); }.medical-journal-page::before { background:radial-gradient(circle at 4% 14%, rgba(255,255,255,.92), transparent 28%), radial-gradient(ellipse at 91% 16%, rgba(226,158,238,.63), transparent 31%), radial-gradient(ellipse at 74% 90%, rgba(116,228,190,.58), transparent 35%), radial-gradient(ellipse at 17% 79%, rgba(116,159,252,.48), transparent 38%); filter:blur(32px) saturate(122%); }.medical-journal-page::after { background:linear-gradient(130deg, rgba(255,255,255,.27), transparent 35%, rgba(255,255,255,.13) 61%, transparent 79%); }.medical-journal-shell { width:min(100%, 1200px); padding:24px 28px 34px; }.medical-journal-topbar { min-height:42px; padding:0 8px; color:rgba(32,48,76,.58); border:0; background:transparent; }.medical-journal-topbar a { color:rgba(32,48,76,.75); font-weight:500; }.medical-journal-topbar a:hover { color:#20304c; }.medical-journal-topbar p { color:rgba(32,48,76,.5); }.medical-journal-topbar p i { width:3px; height:3px; background:rgba(32,48,76,.4); }.medical-journal-topbar > span { color:rgba(32,48,76,.46); }.medical-journal-reader { margin-top:14px; }.medical-journal-browser { grid-template-columns:minmax(0, 1fr) 248px; gap:18px; }.medical-journal-reader-head { padding:0 13px; margin-bottom:9px; }.medical-journal-reader-head p { color:rgba(32,48,76,.49); font-weight:500; letter-spacing:.1em; }.medical-journal-reader-head h1 { color:#20304c; font-size:23px; font-weight:600; letter-spacing:-.045em; }.medical-journal-page-count { color:rgba(32,48,76,.46); }.medical-journal-page-count b { color:#20304c; font-size:19px; }.medical-journal-stage { min-height:640px; }.medical-journal-leaf { border:0; border-radius:36px; }.medical-journal-leaf.is-active { box-shadow:0 30px 65px rgba(48,65,112,.16), inset 0 1px rgba(255,255,255,.5); }.medical-journal-leaf.is-before,.medical-journal-leaf.is-after { filter:blur(1px) saturate(.8); }.medical-cover-grid,.medical-paper-layout { border:0; border-radius:36px; background:rgba(255,255,255,.31); box-shadow:inset 0 1px rgba(255,255,255,.58), inset 0 -1px rgba(73,96,142,.07); backdrop-filter:blur(42px) saturate(132%); }.medical-cover-grid { background:linear-gradient(130deg, rgba(255,255,255,.45), rgba(225,232,255,.26) 46%, rgba(211,255,242,.24)); }.medical-cover-grid::before,.medical-cover-grid::after { display:none; }.medical-issue { color:rgba(38,69,104,.58); }.medical-cover-title { padding-left:0; border-left:0; }.medical-cover-title > span { color:rgba(42,105,148,.67); }.medical-cover-title h2 { color:#263c61; text-shadow:0 1px rgba(255,255,255,.55); }.medical-cover-title p { color:rgba(38,59,93,.75); }.medical-cover-mark { display:none; }.medical-cover-foot { color:rgba(38,59,93,.5); }.medical-paper-layout { color:#263b5a; }.medical-article-head { color:rgba(38,79,108,.55); border-bottom:0; }.medical-article-lead { padding-bottom:18px; }.medical-article-lead p { color:rgba(49,122,150,.7); }.medical-article-lead h2 { color:#263c61; text-shadow:0 1px rgba(255,255,255,.62); }.medical-article-lead span { color:rgba(38,59,93,.63); }.medical-hospital-plate,.medical-team-photo { border:0; border-radius:25px; background:linear-gradient(135deg, rgba(162,220,237,.38), rgba(255,255,255,.2) 48%, rgba(182,187,244,.32)); box-shadow:inset 0 1px rgba(255,255,255,.58); }.medical-hospital-sun { border:0; background:rgba(255,227,173,.58); box-shadow:0 0 0 13px rgba(255,255,255,.11); }.medical-hospital-building { border:0; border-radius:22px 22px 0 0; background:rgba(84,144,176,.47); box-shadow:inset 0 1px rgba(255,255,255,.45); }.medical-hospital-building::before { border-radius:14px 14px 0 0; background:rgba(116,176,195,.52); }.medical-hospital-building i { background:rgba(244,255,255,.67); }.medical-hospital-plate small { color:rgba(38,89,112,.58); }.medical-prose { color:rgba(36,57,89,.82); }.medical-article-foot { color:rgba(38,79,108,.52); border-top:0; }.medical-team-photo::after { display:none; }.medical-team-window { border:0; border-radius:18px; background:linear-gradient(115deg, rgba(230,255,255,.55), rgba(118,190,195,.27)); }.medical-team-row i { border:0; background:rgba(244,252,249,.64); box-shadow:inset 0 -38px rgba(76,148,151,.45), 0 7px 17px rgba(61,91,126,.08); }.medical-team-row i::before { border:0; background:rgba(213,174,148,.75); }.medical-team-row i:nth-child(2),.medical-team-row i:nth-child(4) { background:rgba(240,255,248,.63); box-shadow:inset 0 -34px rgba(68,135,130,.45), 0 7px 17px rgba(61,91,126,.08); }.medical-team-row i:nth-child(3) { background:rgba(240,255,249,.65); box-shadow:inset 0 -47px rgba(55,128,125,.47), 0 7px 17px rgba(61,91,126,.08); }.medical-team-photo figcaption { color:rgba(248,255,254,.9); text-shadow:0 2px 8px rgba(34,76,84,.3); }.medical-photo-caption { border:0; border-radius:15px; background:rgba(255,255,255,.17); }.medical-photo-caption dt { color:rgba(38,89,112,.55); }.medical-photo-caption dd { color:rgba(36,57,89,.78); }.medical-muted { color:rgba(38,79,108,.58); }.medical-journal-sidebar { min-height:640px; padding:22px 8px 12px; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }.medical-journal-meta { padding:0 9px; }.medical-journal-meta p { color:rgba(32,48,76,.47); }.medical-journal-meta h2 { color:#283c5c; font-size:19px; font-weight:600; }.medical-journal-meta > span { color:rgba(32,48,76,.58); }.medical-journal-status { display:none; }.medical-journal-index { gap:6px; margin-top:24px; }.medical-journal-index button { gap:11px; padding:10px; color:rgba(32,48,76,.63); border:0; border-radius:18px; background:transparent; }.medical-journal-index button:hover { color:#20304c; background:rgba(255,255,255,.17); }.medical-journal-index button.is-current { color:#20304c; border:0; background:rgba(255,255,255,.37); box-shadow:inset 0 1px rgba(255,255,255,.55), 0 13px 23px rgba(71,87,129,.09); }.medical-journal-index i { width:33px; height:33px; color:rgba(39,75,109,.63); border:0; border-radius:12px; background:rgba(255,255,255,.22); font-weight:600; }.medical-journal-index button.is-current i { color:#356882; border:0; background:linear-gradient(135deg, rgba(215,252,250,.72), rgba(190,216,255,.55)); }.medical-journal-index b { font-weight:600; }.medical-journal-index small { color:rgba(32,48,76,.46); }.medical-journal-sidebar-foot { padding:15px 9px 0; border-top:0; }.medical-journal-sidebar-foot > p { color:rgba(32,48,76,.5); }.medical-journal-sidebar-foot > p b { height:3px; border-radius:99px; background:rgba(255,255,255,.34); }.medical-journal-sidebar-foot > p b::after { border-radius:99px; background:linear-gradient(90deg, #6cbac9, #8eb9e4); }.medical-journal-controls { gap:7px; }.medical-journal-controls button { color:rgba(32,48,76,.72); border:0; border-radius:15px; background:rgba(255,255,255,.31); box-shadow:inset 0 1px rgba(255,255,255,.55), 0 9px 17px rgba(70,86,126,.07); }.medical-journal-controls button:hover:not(:disabled) { color:#20304c; border:0; background:rgba(255,255,255,.57); }.medical-journal-controls button:disabled { color:rgba(32,48,76,.3); border:0; background:rgba(255,255,255,.14); }
@media (max-width:850px) { .medical-journal-browser { grid-template-columns:1fr; }.medical-journal-sidebar { min-height:0; padding:16px 0 0; }.medical-journal-meta { display:none; }.medical-journal-index { grid-template-columns:repeat(3, 1fr); margin-top:0; }.medical-journal-index button { grid-template-columns:1fr; gap:5px; min-height:78px; }.medical-journal-sidebar-foot { display:flex; align-items:center; justify-content:space-between; padding:15px 9px 0; }.medical-journal-sidebar-foot > p { flex:1; margin-right:16px; }.medical-journal-controls { width:178px; } }
@media (max-width:720px) { .medical-journal-shell { padding:16px 13px 26px; }.medical-journal-topbar { padding:0 5px; }.medical-journal-stage { min-height:690px; }.medical-journal-leaf,.medical-cover-grid,.medical-paper-layout { border-radius:28px; }.medical-cover-grid,.medical-paper-layout { padding:28px 24px 22px; }.medical-hospital-plate,.medical-team-photo { border-radius:20px; }.medical-journal-index button { min-height:70px; padding:7px; border-radius:14px; }.medical-journal-index i { width:28px; height:28px; border-radius:10px; }.medical-journal-index small { font-size:8px; }.medical-journal-sidebar-foot { display:grid; padding-top:13px; }.medical-journal-sidebar-foot > p { margin:0; }.medical-journal-controls { width:auto; } }

/* 滑动翻页控制：页面是唯一焦点，控制器退到一条无文字的悬浮轨道。 */
.medical-journal-browser { grid-template-columns:1fr; }.medical-journal-stage { touch-action:pan-y; }.medical-journal-leaf.is-active { transform:translateX(0) scale(1); }.medical-journal-leaf.is-before { transform:translateX(-16%) scale(.965); }.medical-journal-leaf.is-after { transform:translateX(16%) scale(.965); }.medical-journal-sidebar { display:flex; align-items:center; justify-content:center; min-height:0; margin-top:14px; padding:0; }.medical-journal-controls { display:grid; grid-template-columns:46px auto 46px; gap:12px; align-items:center; width:auto; padding:7px; border-radius:999px; background:rgba(255,255,255,.18); box-shadow:inset 0 1px rgba(255,255,255,.46), 0 12px 28px rgba(72,90,132,.1); backdrop-filter:blur(28px) saturate(126%); }.medical-journal-controls button { display:grid; place-items:center; width:46px; min-height:46px; padding:0; color:rgba(32,48,76,.76); border:0; border-radius:50%; background:rgba(255,255,255,.31); font:300 23px/1 Inter, sans-serif; box-shadow:inset 0 1px rgba(255,255,255,.55); }.medical-journal-controls button:hover:not(:disabled) { color:#20304c; background:rgba(255,255,255,.61); transform:scale(1.04); }.medical-journal-index { display:flex; gap:8px; margin:0; }.medical-journal-index button { display:grid; place-items:center; width:28px; min-height:28px; padding:0; border:0; border-radius:50%; background:transparent; box-shadow:none; }.medical-journal-index button:hover { background:rgba(255,255,255,.26); }.medical-journal-index button.is-current { border:0; border-radius:50%; background:rgba(255,255,255,.4); box-shadow:inset 0 1px rgba(255,255,255,.6); }.medical-journal-index i { display:block; width:7px; height:7px; border:0; border-radius:50%; background:rgba(37,66,100,.34); }.medical-journal-index button.is-current i { width:9px; height:9px; color:transparent; border:0; border-radius:50%; background:#356882; }.medical-journal-index b,.medical-journal-index small { display:none; }
@media (max-width:720px) { .medical-journal-sidebar { margin-top:12px; }.medical-journal-controls { grid-template-columns:42px auto 42px; gap:9px; padding:6px; }.medical-journal-controls button { width:42px; min-height:42px; }.medical-journal-index { gap:5px; }.medical-journal-index button { width:25px; min-height:25px; }.medical-journal-index i { width:6px; height:6px; } }

/* 医疗视觉底图独立于内容：深色信息层固定在画面留白处，不与诊疗图像抢读。 */
.medical-cover-grid,.medical-paper-layout { position:relative; isolation:isolate; overflow:hidden; background:#07152e url("./assets/medical-journal-backdrop.png") center / cover no-repeat; box-shadow:none; }.medical-cover-grid::before,.medical-paper-layout::before { content:""; position:absolute; z-index:-1; inset:0; display:block; border:0; border-radius:inherit; background:linear-gradient(90deg, rgba(3,10,28,.91) 0%, rgba(4,13,35,.81) 37%, rgba(4,14,35,.35) 69%, rgba(4,14,35,.1) 100%); }.medical-cover-grid::after { display:none; }.medical-cover-grid { display:flex; flex-direction:column; justify-content:flex-start; gap:0; padding:62px 56px; }.medical-cover-grid .medical-issue { order:0; }.medical-cover-title { align-self:flex-start; max-width:57%; margin-top:72px; }.medical-cover-title > span,.medical-issue { color:rgba(178,226,255,.72); }.medical-cover-title h2 { color:#f4f8ff; text-shadow:0 4px 22px rgba(0,0,0,.28); }.medical-cover-title p { color:rgba(224,235,248,.82); }.medical-cover-foot { margin-top:auto; color:rgba(182,213,235,.58); }.medical-paper-layout { padding:52px 56px 35px; }.medical-article-head { position:relative; z-index:1; width:55%; color:rgba(179,221,248,.72); }.medical-article-lead { position:relative; z-index:1; max-width:57%; padding:30px 0 18px; }.medical-article-lead p { color:#8fd8f0; }.medical-article-lead h2 { color:#f5f8ff; text-shadow:0 4px 20px rgba(0,0,0,.3); }.medical-article-lead span { color:rgba(221,235,249,.78); }.medical-article-columns,.medical-team-layout { position:relative; z-index:1; display:block; max-width:56%; }.medical-hospital-plate,.medical-team-photo { display:none; }.medical-prose { color:rgba(223,234,249,.88); text-shadow:0 2px 12px rgba(0,0,0,.4); }.medical-prose p { margin-bottom:17px; }.medical-photo-caption { padding:0; color:rgba(223,234,249,.86); background:transparent; }.medical-photo-caption dt { color:#99d9ef; }.medical-photo-caption dd,.medical-muted { color:rgba(223,234,249,.8); }.medical-article-foot { position:relative; z-index:1; width:56%; color:rgba(166,205,232,.58); }
@media (max-width:720px) { .medical-cover-grid,.medical-paper-layout { background-position:61% center; }.medical-cover-grid::before,.medical-paper-layout::before { background:linear-gradient(180deg, rgba(3,10,28,.78) 0%, rgba(4,13,35,.88) 58%, rgba(4,14,35,.72) 100%); }.medical-cover-grid { padding:42px 30px 29px; }.medical-cover-title { max-width:100%; margin-top:98px; }.medical-paper-layout { padding:32px 29px 24px; }.medical-article-head,.medical-article-lead,.medical-article-columns,.medical-team-layout,.medical-article-foot { width:auto; max-width:100%; }.medical-article-lead { padding-top:22px; }.medical-prose { font-size:12px; line-height:1.85; } }

/* 桌面端翻页箭头仅在阅读区域附近出现；触屏端完全依赖横向滑动。 */
.medical-journal-preview { position:relative; }.medical-journal-sidebar { position:absolute; z-index:8; top:12px; right:12px; bottom:12px; left:12px; display:flex; align-items:center; justify-content:space-between; margin:0; padding:0; opacity:0; pointer-events:none; transition:opacity .2s ease; }.medical-journal-preview:hover .medical-journal-sidebar,.medical-journal-preview:focus-within .medical-journal-sidebar { opacity:1; }.medical-journal-sidebar .medical-journal-controls { display:contents; width:auto; padding:0; background:transparent; box-shadow:none; backdrop-filter:none; }.medical-journal-sidebar .medical-journal-controls button { width:48px; min-height:48px; color:rgba(243,250,255,.9); border:0; border-radius:50%; background:rgba(7,18,42,.36); box-shadow:inset 0 1px rgba(255,255,255,.34), 0 12px 28px rgba(3,10,28,.19); backdrop-filter:blur(18px); pointer-events:auto; }.medical-journal-sidebar .medical-journal-controls button:hover:not(:disabled) { color:#fff; background:rgba(7,18,42,.58); transform:scale(1.06); }.medical-journal-sidebar .medical-journal-controls button:disabled { opacity:.28; }
@media (hover:none),(pointer:coarse) { .medical-journal-sidebar { display:none; } }

/* 专刊正文回归排版本身：无背景图、无插图块，以卷期、导语、栏文形成阅读节奏。 */
.medical-cover-grid,.medical-paper-layout { color:#263c61; background:rgba(248,250,255,.34); }.medical-cover-grid::before,.medical-paper-layout::before { display:none; }.medical-cover-grid { display:grid; grid-template-columns:1fr; grid-template-rows:auto 1fr auto; padding:48px 58px 40px; }.medical-cover-title { align-self:center; max-width:100%; margin:0; }.medical-cover-title > span,.medical-issue { color:rgba(41,85,119,.54); }.medical-cover-title h2 { margin-top:10px; color:#263c61; font-size:clamp(58px, 8vw, 105px); letter-spacing:.08em; }.medical-cover-title p { max-width:460px; margin-top:24px; color:rgba(38,59,93,.72); font-size:16px; line-height:1.9; }.medical-cover-foot { color:rgba(41,85,119,.47); }.medical-paper-layout { display:flex; flex-direction:column; padding:43px 56px 35px; }.medical-article-head { width:100%; color:rgba(42,94,125,.57); }.medical-article-lead { max-width:82%; padding:28px 0 23px; }.medical-article-lead p { color:rgba(45,114,143,.68); }.medical-article-lead h2 { color:#263c61; font-size:36px; letter-spacing:.025em; }.medical-article-lead span { color:rgba(38,59,93,.62); }.medical-article-columns,.medical-team-layout { display:block; max-width:none; }.medical-hospital-plate,.medical-team-photo { display:none; }.medical-prose { columns:2 17em; column-gap:38px; color:rgba(36,57,89,.83); font:14px/1.92 "Songti SC", STSong, serif; text-shadow:none; }.medical-prose p { break-inside:avoid; margin:0 0 17px; }.medical-prose p:first-child::first-letter { float:left; margin:2px 8px 0 0; color:#315e86; font:500 43px/.75 "Songti SC", STSong, serif; }.medical-photo-caption { break-inside:avoid; margin:0 0 17px; padding:0; border:0; border-radius:0; background:transparent; }.medical-photo-caption dt { color:rgba(42,94,125,.57); font-size:10px; }.medical-photo-caption dd { margin-top:6px; color:rgba(36,57,89,.81); font-size:13px; }.medical-muted { color:rgba(41,85,119,.58); }.medical-article-foot { width:100%; color:rgba(42,94,125,.5); }
@media (max-width:720px) { .medical-cover-grid { padding:38px 31px 30px; }.medical-cover-title { margin-top:0; }.medical-cover-title h2 { font-size:58px; }.medical-cover-title p { font-size:14px; }.medical-paper-layout { padding:31px 29px 24px; }.medical-article-lead { max-width:100%; padding-top:22px; }.medical-article-lead h2 { font-size:28px; }.medical-prose { columns:1; font-size:13px; line-height:1.9; }.medical-prose p:first-child::first-letter { font-size:39px; } }

/* 外部空间保持纯净；医疗图只存在于专刊页内，文字在左侧期刊阅读区排版。 */
.medical-journal-page { background:#f4f5f7; }.medical-journal-page::before,.medical-journal-page::after { display:none; }.medical-cover-grid,.medical-paper-layout { background:#07152e url("./assets/medical-journal-backdrop.png") center / cover no-repeat; }.medical-cover-grid::before,.medical-paper-layout::before { content:""; position:absolute; z-index:-1; inset:0; display:block; border:0; border-radius:inherit; background:linear-gradient(90deg, rgba(3,10,28,.92) 0%, rgba(4,13,35,.83) 48%, rgba(4,14,35,.18) 77%, rgba(4,14,35,.04) 100%); }.medical-cover-grid { display:grid; }.medical-cover-title h2 { color:#f4f8ff; text-shadow:0 4px 22px rgba(0,0,0,.28); }.medical-cover-title p { color:rgba(224,235,248,.84); }.medical-cover-title > span,.medical-issue { color:rgba(178,226,255,.72); }.medical-cover-foot { color:rgba(182,213,235,.58); }.medical-paper-layout { color:#f5f8ff; }.medical-article-head { width:62%; color:rgba(179,221,248,.72); }.medical-article-lead { max-width:62%; }.medical-article-lead p { color:#8fd8f0; }.medical-article-lead h2 { color:#f5f8ff; text-shadow:0 4px 20px rgba(0,0,0,.3); }.medical-article-lead span { color:rgba(221,235,249,.78); }.medical-article-columns,.medical-team-layout { max-width:62%; }.medical-prose { color:rgba(225,235,250,.9); text-shadow:0 2px 12px rgba(0,0,0,.4); }.medical-prose p:first-child::first-letter { color:#a7dff1; }.medical-photo-caption { background:rgba(6,20,47,.19); }.medical-photo-caption dt { color:#99d9ef; }.medical-photo-caption dd,.medical-muted { color:rgba(223,234,249,.82); }.medical-article-foot { color:rgba(166,205,232,.58); }
@media (max-width:720px) { .medical-cover-grid,.medical-paper-layout { background-position:61% center; }.medical-cover-grid::before,.medical-paper-layout::before { background:linear-gradient(180deg, rgba(3,10,28,.78) 0%, rgba(4,13,35,.88) 58%, rgba(4,14,35,.72) 100%); }.medical-article-head,.medical-article-lead,.medical-article-columns,.medical-team-layout,.medical-article-foot { width:auto; max-width:100%; } }

/* 简洁电子专题：一个标题，四个内容单元。视觉只服务每张卡，正文不再铺满整页。 */
.medical-cover-grid,.medical-paper-layout { background:#07080c; }.medical-cover-grid::before,.medical-paper-layout::before { display:none; }.medical-cover-grid { display:grid; grid-template-columns:1fr; grid-template-rows:auto auto 1fr auto; padding:31px; }.medical-cover-title { align-self:start; max-width:none; margin:10px 0 0; }.medical-cover-title > span,.medical-issue { color:rgba(255,255,255,.47); }.medical-cover-title h2 { margin:8px 0 0; color:#f8f9fc; font:600 42px/1.05 Inter, "PingFang SC", sans-serif; letter-spacing:-.06em; text-shadow:none; }.medical-cover-title p { max-width:510px; margin:10px 0 0; color:rgba(255,255,255,.56); font:16px/1.55 Inter, "PingFang SC", sans-serif; }.medical-cover-mark { display:grid; grid-template-columns:.82fr 1fr; grid-template-rows:1fr 1fr; gap:12px; align-self:stretch; max-width:none; margin:25px 0 0; }.medical-cover-mark i { height:auto; min-height:104px; border:0; border-radius:14px; background:linear-gradient(0deg, rgba(4,9,19,.56), rgba(4,9,19,.04)), url("./assets/medical-journal-backdrop.png") 74% 56% / cover; box-shadow:none; }.medical-cover-mark i:nth-child(1) { grid-row:span 2; min-height:218px; background-position:98% 41%; }.medical-cover-mark i:nth-child(2) { background-position:50% 94%; }.medical-cover-mark i:nth-child(3) { background-position:83% 4%; }.medical-cover-mark i:nth-child(4) { display:none; }.medical-cover-foot { color:rgba(255,255,255,.36); }.medical-paper-layout { display:flex; flex-direction:column; padding:29px; color:#fff; }.medical-article-head { width:100%; color:rgba(255,255,255,.43); }.medical-article-lead { max-width:none; padding:14px 0 18px; }.medical-article-lead p { color:rgba(255,255,255,.47); }.medical-article-lead h2 { color:#f6f7fa; font:600 30px/1.12 Inter, "PingFang SC", sans-serif; letter-spacing:-.055em; text-shadow:none; }.medical-article-lead span { color:rgba(255,255,255,.57); }.medical-feature-grid { display:grid; grid-template-columns:.82fr 1fr; grid-template-rows:1fr 1fr; gap:12px; flex:1; min-height:0; }.medical-feature-card,.medical-feature-image { min-height:0; margin:0; border-radius:14px; overflow:hidden; }.medical-feature-card { padding:17px; color:rgba(255,255,255,.9); background:linear-gradient(135deg, rgba(37,56,89,.8), rgba(14,17,27,.76)); font:12px/1.65 Inter, "PingFang SC", sans-serif; }.medical-feature-card.is-tall { grid-row:span 2; display:flex; align-items:end; background:linear-gradient(0deg, rgba(5,9,18,.88), rgba(5,9,18,.06) 68%), url("./assets/medical-journal-backdrop.png") 95% 46% / cover; }.medical-feature-card.is-wide { background:linear-gradient(0deg, rgba(5,9,18,.84), rgba(5,9,18,.16)), url("./assets/medical-journal-backdrop.png") 49% 95% / cover; }.medical-feature-image { background:linear-gradient(0deg, rgba(5,9,18,.28), rgba(5,9,18,.04)), url("./assets/medical-journal-backdrop.png") 80% 4% / cover; }.medical-feature-card b { color:#fff; font-weight:600; }.medical-article-foot { width:100%; margin-top:16px; padding:0; color:rgba(255,255,255,.31); border:0; }.medical-hospital-plate,.medical-team-photo,.medical-article-columns,.medical-team-layout,.medical-prose { display:contents; }
@media (max-width:720px) { .medical-cover-grid { padding:24px; }.medical-cover-title h2 { font-size:31px; }.medical-cover-title p { font-size:13px; }.medical-cover-mark { min-height:340px; }.medical-paper-layout { padding:23px; }.medical-article-lead { padding-top:11px; }.medical-article-lead h2 { font-size:25px; }.medical-feature-grid { min-height:430px; }.medical-feature-card { padding:13px; font-size:11px; line-height:1.6; }.medical-article-foot { margin-top:12px; font-size:8px; } }

/* 完整长文版：保留所有原始信息，以期刊栏文连续阅读，而不是挤进卡片。 */
.medical-journal-stage { min-height:710px; }.medical-paper-layout { padding:46px 56px 34px; }.medical-article-head { width:66%; }.medical-article-lead { max-width:66%; padding:25px 0 20px; }.medical-article-lead h2 { font:500 35px/1.14 "Songti SC", STSong, serif; letter-spacing:.04em; }.medical-longform { width:66%; columns:2 17em; column-gap:36px; color:rgba(225,235,250,.91); font:14px/1.92 "Songti SC", STSong, serif; text-shadow:0 2px 12px rgba(0,0,0,.42); }.medical-longform p { break-inside:avoid; margin:0 0 18px; }.medical-longform p:first-child::first-letter { float:left; margin:2px 8px 0 0; color:#a7dff1; font:500 44px/.75 "Songti SC", STSong, serif; }.medical-longform-note { color:#d7eff8; }.medical-article-foot { width:66%; margin-top:auto; }
@media (max-width:720px) { .medical-journal-stage { min-height:890px; }.medical-paper-layout { padding:34px 29px 24px; }.medical-article-head,.medical-article-lead,.medical-longform,.medical-article-foot { width:auto; max-width:100%; }.medical-article-lead { padding:19px 0 17px; }.medical-article-lead h2 { font-size:29px; }.medical-longform { columns:1; font-size:14px; line-height:1.9; }.medical-longform p { margin-bottom:17px; } }

/* 证物电子阅览器：整页深色内容、正文与证物影像并置，界面本身退到边缘。 */
.medical-journal-page { background:#0b0c0f; }.medical-journal-shell { width:min(100%, 1080px); padding:18px 20px 28px; }.medical-journal-topbar { display:none; }.medical-journal-reader { margin:0; }.medical-journal-stage { min-height:680px; }.medical-journal-leaf { border-radius:4px; }.medical-cover-grid,.medical-paper-layout { border-radius:4px; background:#101115; box-shadow:0 24px 62px rgba(0,0,0,.35); }.medical-cover-grid { padding:48px; }.medical-cover-grid::before { display:none; }.medical-cover-title { position:relative; z-index:1; max-width:58%; }.medical-cover-title > span,.medical-issue { color:#75b1c8; }.medical-cover-title h2 { color:#f3f5f7; font:500 72px/.96 "Songti SC", STSong, serif; letter-spacing:.08em; }.medical-cover-title p { color:rgba(232,240,245,.68); font:16px/1.9 "Songti SC", STSong, serif; }.medical-cover-mark { position:absolute; top:48px; right:48px; bottom:48px; width:34%; display:block; margin:0; }.medical-cover-mark i { position:absolute; inset:0; display:block; min-height:0; border-radius:0; background:linear-gradient(90deg, #101115 0%, rgba(16,17,21,.05) 100%), url("./assets/medical-journal-backdrop.png") 83% center / cover; }.medical-cover-mark i:not(:first-child) { display:none; }.medical-cover-foot { position:relative; z-index:1; }.medical-paper-layout { position:relative; padding:45px 49% 36px 48px; overflow:hidden; }.medical-paper-layout::before { display:none; }.medical-paper-layout::after { content:""; position:absolute; top:0; right:0; bottom:0; width:43%; background:linear-gradient(90deg, #101115 0%, rgba(16,17,21,.04) 31%), url("./assets/medical-journal-backdrop.png") 88% center / cover; opacity:.94; }.medical-article-head,.medical-article-lead,.medical-longform,.medical-article-foot { position:relative; z-index:1; width:auto; max-width:none; }.medical-article-head { color:#71a9c0; }.medical-article-lead { padding:22px 0 17px; }.medical-article-lead p { color:#70afc6; }.medical-article-lead h2 { color:#f2f4f5; font:500 36px/1.12 "Songti SC", STSong, serif; letter-spacing:.035em; }.medical-article-lead span { color:rgba(226,235,241,.62); }.medical-longform { columns:1; color:rgba(231,238,243,.83); font:14px/1.86 "Songti SC", STSong, serif; text-shadow:none; }.medical-longform p { margin-bottom:15px; }.medical-longform p:first-child::first-letter { color:#8dc8de; }.medical-longform-note { color:#d0edf7; }.medical-article-foot { color:rgba(148,191,211,.5); }
@media (max-width:720px) { .medical-journal-shell { padding:0; }.medical-journal-stage { min-height:900px; }.medical-journal-leaf,.medical-cover-grid,.medical-paper-layout { border-radius:0; }.medical-cover-grid { min-height:900px; padding:42px 31px; }.medical-cover-title { max-width:100%; }.medical-cover-title h2 { font-size:57px; }.medical-cover-mark { top:auto; right:0; bottom:0; left:0; width:auto; height:39%; }.medical-cover-mark i { background:linear-gradient(0deg, rgba(16,17,21,.93), rgba(16,17,21,.08)), url("./assets/medical-journal-backdrop.png") 84% center / cover; }.medical-paper-layout { min-height:900px; padding:36px 29px 27px; background:#101115; }.medical-paper-layout::after { top:auto; width:100%; height:34%; background:linear-gradient(0deg, #101115 0%, rgba(16,17,21,.04) 72%), url("./assets/medical-journal-backdrop.png") 84% center / cover; }.medical-article-lead h2 { font-size:30px; }.medical-longform { font-size:14px; line-height:1.86; }.medical-journal-preview { min-height:900px; } }

/* 阅读器外壳：内容被收进一块真实的深色 LCD 屏幕，而不是直接贴在网页背景上。 */
.medical-journal-page { display:grid; place-items:center; min-height:100dvh; background:#18191c; }.medical-journal-shell { position:relative; width:min(calc(100% - 44px), 1100px); margin:22px auto; padding:15px; overflow:hidden; border-radius:37px; background:linear-gradient(145deg, #35383d, #0d0e10 19%, #17191d 81%, #090a0c); box-shadow:0 38px 80px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.13), inset 0 -2px 4px rgba(0,0,0,.78); }.medical-journal-shell::before { content:""; position:absolute; z-index:3; top:7px; left:50%; width:52px; height:5px; border-radius:99px; background:#070809; box-shadow:0 1px rgba(255,255,255,.08); transform:translateX(-50%); }.medical-journal-shell::after { content:""; position:absolute; z-index:3; bottom:7px; left:50%; width:72px; height:3px; border-radius:99px; background:rgba(255,255,255,.18); transform:translateX(-50%); }.medical-journal-reader,.medical-journal-browser { height:100%; }.medical-journal-preview { overflow:hidden; border-radius:25px; background:#101115; box-shadow:inset 0 0 0 1px rgba(255,255,255,.045), inset 0 0 42px rgba(0,0,0,.36); }.medical-journal-preview::before { content:""; position:absolute; z-index:7; inset:0; border-radius:inherit; background:linear-gradient(112deg, rgba(255,255,255,.1) 0%, transparent 14%, transparent 69%, rgba(255,255,255,.035) 100%); pointer-events:none; }.medical-journal-stage { min-height:680px; }.medical-journal-leaf,.medical-cover-grid,.medical-paper-layout { border-radius:25px; }.medical-journal-sidebar { z-index:9; }
@media (max-width:720px) { .medical-journal-page { display:block; background:#0d0e10; }.medical-journal-shell { width:calc(100% - 16px); margin:8px auto; padding:9px; border-radius:27px; }.medical-journal-shell::before { top:4px; width:42px; height:4px; }.medical-journal-shell::after { bottom:4px; width:54px; height:2px; }.medical-journal-preview,.medical-journal-leaf,.medical-cover-grid,.medical-paper-layout { border-radius:19px; }.medical-journal-shell .medical-journal-stage { min-height:890px; }.medical-journal-shell .medical-cover-grid,.medical-journal-shell .medical-paper-layout { min-height:890px; }.medical-journal-shell .medical-paper-layout { padding:36px 29px 27px; }.medical-journal-shell .medical-cover-grid { padding:42px 31px; } }

/* 玻璃机身：以折射、内高光和冷色背光塑造未来设备感，不增加额外信息层。 */
.medical-journal-page { background:radial-gradient(circle at 18% 20%, #194566 0%, #111c31 31%, #090c15 76%); }.medical-journal-page::before { display:block; z-index:-1; background:radial-gradient(ellipse at 85% 24%, rgba(67,196,243,.3), transparent 32%), radial-gradient(ellipse at 15% 86%, rgba(90,87,251,.2), transparent 36%); filter:blur(20px); }.medical-journal-shell { border:1px solid rgba(171,232,255,.31); background:linear-gradient(125deg, rgba(154,222,255,.21), rgba(9,23,45,.62) 19%, rgba(36,48,87,.57) 73%, rgba(106,219,245,.18)); box-shadow:0 38px 90px rgba(0,0,0,.48), inset 1px 1px rgba(255,255,255,.38), inset -1px -1px rgba(62,190,232,.14); backdrop-filter:blur(24px) saturate(150%); }.medical-journal-shell::before { background:rgba(205,247,255,.43); box-shadow:0 0 12px rgba(112,222,255,.5); }.medical-journal-shell::after { background:rgba(220,248,255,.48); box-shadow:0 0 10px rgba(112,222,255,.32); }.medical-journal-preview { background:linear-gradient(145deg, rgba(13,27,53,.92), rgba(6,11,24,.94)); box-shadow:inset 0 0 0 1px rgba(203,239,255,.16), inset 0 0 46px rgba(8,171,239,.08), 0 0 28px rgba(51,194,246,.1); }.medical-journal-preview::before { background:linear-gradient(112deg, rgba(239,253,255,.13) 0%, transparent 15%, transparent 69%, rgba(114,219,255,.065) 100%); }.medical-cover-grid,.medical-paper-layout { box-shadow:inset 0 1px rgba(218,248,255,.13); }.medical-journal-sidebar .medical-journal-controls button { color:#dff9ff; border:1px solid rgba(179,237,255,.33); background:linear-gradient(135deg, rgba(182,239,255,.22), rgba(15,50,86,.28)); box-shadow:inset 1px 1px rgba(255,255,255,.31), 0 0 20px rgba(62,201,249,.18); }.medical-journal-sidebar .medical-journal-controls button:hover:not(:disabled) { background:linear-gradient(135deg, rgba(201,249,255,.36), rgba(28,88,134,.42)); }
@media (max-width:720px) { .medical-journal-page { background:#08101d; }.medical-journal-shell { border-color:rgba(162,228,255,.25); background:linear-gradient(125deg, rgba(133,217,255,.19), rgba(8,20,39,.69) 24%, rgba(45,63,105,.55)); } }

/* 最终形态：一块悬浮透明屏，不模拟实体设备外框。 */
.medical-journal-shell { width:min(calc(100% - 44px), 1040px); padding:0; overflow:visible; border:0; border-radius:25px; background:transparent; box-shadow:none; backdrop-filter:none; }.medical-journal-shell::before,.medical-journal-shell::after { display:none; }.medical-journal-preview { border-radius:25px; background:linear-gradient(145deg, rgba(22,52,85,.54), rgba(5,13,30,.74)); box-shadow:inset 0 1px rgba(231,251,255,.38), inset 0 0 45px rgba(59,204,255,.1), 0 28px 70px rgba(0,0,0,.26); backdrop-filter:blur(34px) saturate(145%); }.medical-journal-leaf,.medical-cover-grid,.medical-paper-layout { border-radius:25px; }.medical-journal-preview::before { border-radius:inherit; }
@media (max-width:720px) { .medical-journal-shell { width:calc(100% - 18px); padding:0; border:0; border-radius:19px; background:transparent; }.medical-journal-preview,.medical-journal-leaf,.medical-cover-grid,.medical-paper-layout { border-radius:19px; } }

/* 报道型期刊栏文：信息行、导语和短段落组成阅读节奏，不沿用小说的首字下沉。 */
.medical-paper-layout {
  padding:42px 41% 34px 48px;
}

.medical-article-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:auto;
  padding-bottom:12px;
  border-bottom:1px solid rgba(159,224,245,.27);
  color:rgba(180,229,246,.78);
  font:600 10px/1.2 Inter, "PingFang SC", sans-serif;
  letter-spacing:.14em;
}

.medical-article-head time {
  white-space:nowrap;
  color:rgba(223,247,255,.56);
  font-variant-numeric:tabular-nums;
}

.medical-article-lead {
  max-width:none;
  padding:20px 0 18px;
}

.medical-article-lead p {
  margin:0 0 8px;
  color:#8ed4eb;
  font:600 10px/1.25 Inter, "PingFang SC", sans-serif;
  letter-spacing:.16em;
}

.medical-article-lead h2 {
  margin:0;
  color:#f5f8fa;
  font:500 34px/1.17 "Songti SC", STSong, serif;
  letter-spacing:.025em;
}

.medical-article-lead span {
  display:block;
  max-width:31em;
  margin-top:12px;
  color:rgba(222,238,247,.67);
  font:12px/1.65 "PingFang SC", "Noto Sans CJK SC", sans-serif;
  letter-spacing:.035em;
}

.medical-longform {
  width:auto;
  max-width:none;
  columns:2 15em;
  column-gap:28px;
  color:rgba(234,242,247,.86);
  font:13px/1.86 "PingFang SC", "Noto Sans CJK SC", sans-serif;
  letter-spacing:.018em;
  text-align:justify;
  text-shadow:none;
}

.medical-longform p {
  break-inside:avoid;
  margin:0 0 1.1em;
  text-indent:0;
}

.medical-longform p:first-child::first-letter {
  float:none;
  margin:0;
  color:inherit;
  font:inherit;
}

.medical-longform-note {
  padding-top:.8em;
  border-top:1px solid rgba(153,220,243,.22);
  color:#c4ecf8;
  font-size:12px;
  line-height:1.75;
}

.medical-article-foot {
  width:auto;
  margin-top:auto;
  padding-top:14px;
  color:rgba(170,213,232,.53);
  border-top:1px solid rgba(153,220,243,.18);
  font:9px/1.4 Inter, "PingFang SC", sans-serif;
  letter-spacing:.08em;
}

@media (max-width:720px) {
  .medical-paper-layout { padding:34px 29px 27px; }
  .medical-article-head { font-size:9px; letter-spacing:.1em; }
  .medical-article-lead { padding:18px 0 16px; }
  .medical-article-lead h2 { font-size:29px; }
  .medical-longform { columns:1; font-size:13px; line-height:1.9; text-align:left; }
}

/* Case evidence additions: explicit history and follow-up leads should read as part of the interface, not as a hint overlay. */
.fuxi-history-toggle {
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:auto;
  margin:11px 0 0;
  padding:7px 10px;
  color:#5b7b86;
  background:transparent;
  border:1px solid rgba(71,157,180,.22);
  border-radius:999px;
  text-align:left;
  cursor:pointer;
}

.fuxi-history-toggle strong { font:600 11px/1.2 "PingFang SC", sans-serif; }
.fuxi-history-toggle b { font:13px/1 Inter, sans-serif; }
.fuxi-history-toggle:hover { color:#1b6077; border-color:rgba(48,143,171,.5); background:#edf9fb; }

.fuxi-history-dialog { position:fixed; z-index:80; inset:0; display:grid; place-items:center; padding:24px; background:rgba(13,37,47,.38); backdrop-filter:blur(8px); }
.fuxi-history-dialog[hidden] { display:none; }
.fuxi-history-dialog-card { width:min(610px, 100%); max-height:min(720px, calc(100dvh - 48px)); overflow:auto; padding:24px; border:1px solid rgba(89,168,187,.3); border-radius:18px; background:linear-gradient(145deg, #f8fcfc, #eaf6f8); box-shadow:0 30px 90px rgba(9,34,44,.32); }
.fuxi-history-dialog-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.fuxi-history-dialog-card > header p { margin:0 0 5px; color:#5b8490; font:600 10px/1.2 Inter, "PingFang SC", sans-serif; letter-spacing:.08em; }.fuxi-history-dialog-card > header h2 { margin:0; color:#1d4958; font:600 24px/1.25 "PingFang SC", sans-serif; }.fuxi-history-close { display:grid; flex:0 0 auto; width:32px; height:32px; place-items:center; color:#477887; border:1px solid rgba(71,157,180,.25); border-radius:50%; background:rgba(255,255,255,.72); font:24px/1 Arial, sans-serif; cursor:pointer; }.fuxi-history-close:hover { color:#1d4958; border-color:rgba(48,143,171,.55); }
.fuxi-history-dates { display:flex; gap:8px; padding:14px 0 12px; border-top:1px solid rgba(71,157,180,.14); border-bottom:1px solid rgba(71,157,180,.18); }.fuxi-history-dates button { padding:8px 11px; color:#5d7c85; border:1px solid transparent; border-radius:8px; background:transparent; font:600 12px/1.2 Inter, "PingFang SC", sans-serif; cursor:pointer; }.fuxi-history-dates button span { margin-left:4px; color:#8aa2a9; font-size:10px; }.fuxi-history-dates button.is-active { color:#1b6077; border-color:rgba(71,157,180,.25); background:#fff; box-shadow:0 2px 7px rgba(51,113,132,.08); }
.fuxi-history-log {
  display:grid;
  gap:10px;
  margin:14px 0 0;
  padding:0;
  list-style:none;
}

.fuxi-history-entry { padding:10px 11px; border-radius:9px; background:#edf8fa; }
.fuxi-history-entry.is-user { margin-left:13%; background:#f6f6f2; }
.fuxi-history-entry > div { display:flex; justify-content:space-between; gap:12px; color:#39798d; font:600 11px/1.2 Inter, "PingFang SC", sans-serif; }
.fuxi-history-entry time { color:#7d969d; font-variant-numeric:tabular-nums; }
.fuxi-history-entry p { margin:6px 0 0; color:#2f454c; font:13px/1.65 "PingFang SC", sans-serif; }

.police-record-leads {
  display:grid;
  gap:9px;
  margin:17px 0 0;
  padding:15px 0 0;
  border-top:1px solid rgba(157,205,215,.22);
}

.police-record-leads > p { margin:0; color:rgba(167,220,229,.72); font:600 10px/1.3 Inter, "PingFang SC", sans-serif; letter-spacing:.11em; }
.police-record-leads > div { display:flex; flex-wrap:wrap; gap:7px; }
.police-record-leads button { padding:7px 10px; color:#c8f5f6; background:rgba(18,71,83,.72); border:1px solid rgba(126,219,227,.32); border-radius:4px; font:12px/1.2 "PingFang SC", sans-serif; cursor:pointer; }
.police-record-leads button:hover, .police-record-leads button:focus-visible { color:#09262e; background:#bff5f2; outline:none; }

@media (max-width:720px) {
  .fuxi-history-entry.is-user { margin-left:5%; }
  .fuxi-history-toggle { padding:7px 10px; }
  .fuxi-history-dialog { padding:14px; }.fuxi-history-dialog-card { max-height:calc(100dvh - 28px); padding:19px; border-radius:15px; }.fuxi-history-dialog-card > header h2 { font-size:21px; }
}

/* 开局不是宣传页，而是林川接入的一台案件终端：环境退后，记录窗浮在其上。 */
.case-intro {
  isolation:isolate;
  background:
    radial-gradient(ellipse 52% 48% at 80% 18%, rgba(48, 93, 108, .2), transparent 72%),
    linear-gradient(135deg, #11161c, #0a0f14 58%, #111922);
}
.case-intro::before,
.case-intro::after {
  position:absolute;
  z-index:0;
  content:"";
  pointer-events:none;
}
.case-intro::before {
  top:12%;
  right:-12vw;
  width:min(54vw, 760px);
  height:min(47vw, 650px);
  border:1px solid rgba(169, 215, 221, .09);
  border-radius:34px;
  background:rgba(120, 179, 190, .025);
  box-shadow:-34px 38px 80px rgba(0, 0, 0, .32), inset 0 1px rgba(238, 255, 255, .05);
  transform:rotate(-8deg);
}
.case-intro::after {
  right:12vw;
  bottom:13vh;
  width:180px;
  height:118px;
  border:1px solid rgba(158, 202, 207, .1);
  border-radius:16px;
  background:rgba(203, 234, 235, .025);
  box-shadow:0 30px 60px rgba(0, 0, 0, .28);
}
.case-intro-grid {
  opacity:.32;
  background:
    linear-gradient(90deg, rgba(147, 194, 201, .03) 1px, transparent 1px),
    linear-gradient(rgba(147, 194, 201, .025) 1px, transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(90deg, #000 0 62%, transparent 100%);
}
.case-intro-grid::after { opacity:.18; }
.case-intro-header {
  top:22px;
  right:clamp(18px, 4vw, 58px);
  left:auto;
  gap:15px;
  padding:8px 11px;
  color:rgba(212, 230, 232, .56);
  border:1px solid rgba(179, 211, 216, .12);
  border-radius:10px;
  background:rgba(17, 25, 31, .54);
  box-shadow:inset 0 1px rgba(255, 255, 255, .05);
  backdrop-filter:blur(18px);
  font-size:9px;
  letter-spacing:.1em;
}
.case-intro-header span:last-child { color:rgba(220, 237, 238, .64); }
.case-intro-header i { width:5px; height:5px; background:#91c8ca; box-shadow:0 0 8px rgba(145, 200, 202, .48); }
.case-intro-shell {
  display:block;
  width:min(960px, calc(100vw - 72px));
  height:min(780px, calc(100dvh - 78px));
  margin:39px auto;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(171, 207, 211, .18);
  border-radius:18px;
  background:linear-gradient(118deg, rgba(25, 35, 42, .85), rgba(14, 21, 27, .7));
  box-shadow:0 30px 90px rgba(0, 0, 0, .46), inset 0 1px rgba(247, 255, 255, .08);
  backdrop-filter:blur(24px) saturate(.8);
}
.case-intro-shell::before {
  display:block;
  padding:12px 20px;
  color:rgba(182, 211, 214, .48);
  border-bottom:1px solid rgba(173, 208, 211, .13);
  content:"SIMULATION / CASE INTAKE · PRIVATE CONSULTANT CHANNEL";
  font:9px var(--mono);
  letter-spacing:.11em;
}
.case-intro-rail {
  position:absolute;
  top:calc(50% - 182px);
  left:max(25px, calc(50% - 555px));
  z-index:2;
  width:94px;
  gap:5px;
  padding:12px;
  color:rgba(177, 207, 211, .48);
  border:1px solid rgba(163, 202, 205, .14);
  border-radius:12px;
  background:rgba(11, 17, 22, .46);
  box-shadow:0 18px 34px rgba(0, 0, 0, .22);
  backdrop-filter:blur(16px);
  font-size:8px;
  letter-spacing:.08em;
}
.case-intro-rail strong { color:#dceff0; font:500 27px/1 var(--mono); letter-spacing:-.08em; }
.case-intro-rail i { width:100%; height:1px; margin:8px 0; background:rgba(167, 207, 210, .2); }
.case-intro-copy {
  width:min(660px, calc(100% - 235px));
  height:calc(100% - 42px);
  margin-left:176px;
  padding:42px 34px 82px 0;
  scrollbar-color:rgba(170, 207, 210, .36) transparent;
}
.case-intro-kicker { margin-bottom:19px; color:#92bfc3; font-size:9px; letter-spacing:.12em; }
.case-intro-copy h1 { margin-bottom:22px; color:#edf7f7; font:500 clamp(26px, 3.3vw, 41px)/1.15 var(--sans); letter-spacing:.02em; }
.case-intro-copy > p { max-width:38em; margin-bottom:1.05em; color:rgba(220, 233, 234, .72); font:400 clamp(14px, 1.12vw, 17px)/1.9 var(--sans); letter-spacing:.025em; }
.case-intro-copy > .case-intro-question { margin:1.5em 0; color:#d2ebec; font-size:clamp(16px, 1.45vw, 20px); font-weight:500; letter-spacing:.03em; }
.case-intro-copy > .case-intro-turn { margin:1.8em 0 1.15em; color:#d5e5e6; font-size:clamp(16px, 1.45vw, 20px); }
.case-intro-copy > .case-intro-final { color:#f0f8f8; font-size:clamp(17px, 1.5vw, 21px); font-weight:500; }
.case-intro-notice {
  gap:8px;
  margin:1.65em 0;
  padding:16px 18px;
  border:1px solid rgba(163, 204, 207, .23);
  border-left:2px solid #9bc9cb;
  border-radius:9px;
  background:rgba(184, 220, 220, .055);
  box-shadow:none;
}
.case-intro-notice > span { color:#8eb9bc; font-size:9px; }
.case-intro-notice strong { color:#e7f2f2; font:500 clamp(15px, 1.25vw, 18px)/1.65 var(--sans); }
.case-intro-notice p { color:rgba(199, 220, 222, .7); font:13px var(--sans); }
.case-intro-choice { margin-top:2.5em; padding:16px; border:1px solid rgba(173, 208, 211, .14); border-radius:12px; background:rgba(8, 14, 18, .24); }
.case-intro-choice > p { color:rgba(190, 216, 219, .58); font-size:9px; letter-spacing:.1em; }
.case-intro-actions { gap:8px; }
.case-intro-actions button { min-height:48px; padding:0 13px; color:#dceced; border:1px solid rgba(166, 207, 210, .23); border-radius:8px; background:rgba(180, 218, 218, .06); font-size:13px; letter-spacing:.04em; }
.case-intro-actions button b { color:#afdbdc; font-size:15px; }
.case-intro-actions button:hover,.case-intro-actions button:focus-visible { border-color:rgba(189, 229, 231, .56); background:rgba(183, 223, 223, .12); box-shadow:0 0 0 3px rgba(156, 204, 205, .07); transform:none; }
.case-intro-actions button:last-child { color:rgba(215, 225, 225, .74); border-color:rgba(174, 195, 196, .2); }
.case-intro-actions button:last-child b { color:rgba(190, 210, 211, .7); }
.case-intro-actions button:last-child:hover,.case-intro-actions button:last-child:focus-visible { border-color:rgba(205, 221, 222, .46); background:rgba(205, 220, 220, .08); box-shadow:none; }
.case-intro-help { right:clamp(18px, 4vw, 58px); bottom:26px; left:auto; padding:7px 10px; color:rgba(201, 220, 221, .34); border:1px solid rgba(172, 204, 207, .09); border-radius:8px; background:rgba(12, 19, 24, .38); transform:none; font-size:8px; }
.case-intro.is-declined .case-intro-choice { margin-top:20vh; background:rgba(10, 17, 21, .36); }.case-intro.is-declined .case-intro-choice::before { color:#e2eeee; font-family:var(--sans); font-weight:500; letter-spacing:.03em; }
@media (max-width:720px) {
  .case-intro-header { top:13px; right:13px; padding:6px 8px; font-size:7px; }.case-intro-header > span:first-child { display:none; }
  .case-intro-shell { width:calc(100vw - 24px); height:calc(100dvh - 50px); margin:25px auto; border-radius:13px; }.case-intro-shell::before { padding:10px 13px; font-size:7px; }
  .case-intro-rail { top:68px; left:24px; width:62px; padding:8px; border-radius:8px; }.case-intro-rail strong { font-size:19px; }
  .case-intro-copy { width:calc(100% - 104px); margin-left:88px; padding:31px 16px 62px 0; }.case-intro-copy h1 { font-size:28px; }.case-intro-copy > p { font-size:14px; line-height:1.82; }
  .case-intro-notice { padding:13px; }.case-intro-choice { margin-top:2em; padding:12px; }.case-intro-actions { grid-template-columns:1fr; }.case-intro-help { right:13px; bottom:11px; font-size:7px; }
}

/* 单一案件工作窗：去掉概念化的城市背景，把注意力留给一份等待确认的协查记录。 */
.case-intro { background:#171a1a; }
.case-intro::before,.case-intro::after,.case-intro-grid { display:none; }
.case-intro-header {
  top:18px;
  left:50%;
  right:auto;
  width:min(900px, calc(100vw - 48px));
  padding:0;
  color:rgba(207,217,215,.48);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:translateX(-50%);
  backdrop-filter:none;
  font-size:9px;
}
.case-intro-header span:last-child { color:rgba(207,217,215,.48); }
.case-intro-header i { background:#96aaa4; box-shadow:none; }
.case-intro-shell {
  width:min(900px, calc(100vw - 48px));
  height:min(710px, calc(100dvh - 80px));
  margin:48px auto 0;
  border:1px solid rgba(215,225,220,.17);
  border-radius:10px;
  background:rgba(34,39,39,.78);
  box-shadow:0 20px 55px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(18px);
}
.case-intro-shell::before {
  padding:13px 20px;
  color:rgba(211,222,219,.44);
  border-bottom:1px solid rgba(215,225,220,.13);
  content:"案件协查 / CASE-001 / 访问请求";
  font-size:9px;
  letter-spacing:.08em;
}
.case-intro-rail { display:none; }
.case-intro-copy {
  width:min(660px, calc(100% - 48px));
  height:calc(100% - 44px);
  margin:0 auto;
  padding:42px 0 76px;
}
.case-intro-kicker { margin-bottom:18px; color:#8e9e99; font-size:9px; letter-spacing:.08em; }
.case-intro-copy h1 { margin-bottom:20px; color:#edf0ed; font:500 clamp(25px, 3vw, 36px)/1.2 var(--sans); letter-spacing:.015em; }
.case-intro-copy > p { color:rgba(224,230,226,.74); font:400 clamp(14px, 1.08vw, 16px)/1.9 var(--sans); letter-spacing:.015em; }
.case-intro-copy > .case-intro-question,.case-intro-copy > .case-intro-turn { color:#dfe9e4; font-size:clamp(15px, 1.22vw, 18px); font-weight:500; }
.case-intro-copy > .case-intro-question { margin:1.4em 0; }.case-intro-copy > .case-intro-turn { margin:1.8em 0 1.2em; }
.case-intro-copy > .case-intro-final { color:#f2f4f1; font-size:clamp(16px, 1.35vw, 19px); font-weight:500; }
.case-intro-notice {
  gap:7px;
  margin:1.65em 0;
  padding:15px 17px;
  border:1px solid rgba(208,220,214,.17);
  border-left:2px solid #819b91;
  border-radius:6px;
  background:rgba(223,232,227,.045);
}
.case-intro-notice > span { color:#8ba097; font-size:9px; }.case-intro-notice strong { color:#edf1ed; font:500 clamp(15px, 1.2vw, 17px)/1.65 var(--sans); }.case-intro-notice p { color:rgba(207,218,212,.66); font:13px var(--sans); }
.case-intro-choice { margin-top:2.4em; padding:15px; border:1px solid rgba(208,220,214,.13); border-radius:7px; background:rgba(14,17,17,.22); }.case-intro-choice > p { color:rgba(199,212,205,.55); font-size:9px; letter-spacing:.08em; }
.case-intro-actions { gap:8px; }.case-intro-actions button { min-height:44px; color:#e1e8e3; border:1px solid rgba(201,215,207,.22); border-radius:5px; background:rgba(204,219,211,.055); font-size:13px; letter-spacing:.02em; }.case-intro-actions button span,.case-intro-actions button b { color:#a9bab2; font-size:9px; }.case-intro-actions button:hover,.case-intro-actions button:focus-visible { border-color:rgba(220,234,226,.44); background:rgba(208,225,216,.11); box-shadow:none; }.case-intro-actions button:last-child { color:rgba(215,223,217,.7); border-color:rgba(201,211,205,.15); }.case-intro-actions button:last-child b { color:rgba(185,197,190,.65); }
.case-intro-help { right:calc(50% - min(450px, calc((100vw - 48px) / 2))); bottom:13px; padding:0; color:rgba(203,214,208,.31); border:0; border-radius:0; background:transparent; font-size:8px; }
.case-intro.is-declined .case-intro-choice { margin-top:19vh; background:rgba(14,17,17,.22); }.case-intro.is-declined .case-intro-choice::before { color:#edf1ed; font-family:var(--sans); font-size:clamp(22px, 2.5vw, 31px); }
@media (max-width:720px) {
  .case-intro-header { top:12px; width:calc(100vw - 28px); font-size:7px; }.case-intro-shell { width:calc(100vw - 28px); height:calc(100dvh - 54px); margin-top:28px; border-radius:8px; }.case-intro-shell::before { padding:10px 13px; font-size:7px; }
  .case-intro-copy { width:calc(100% - 30px); padding:29px 0 60px; }.case-intro-copy h1 { font-size:27px; }.case-intro-copy > p { font-size:14px; line-height:1.84; }.case-intro-choice { padding:12px; }.case-intro-help { right:14px; bottom:8px; }
}

/* 顾权衡案采用“邮件式叙事”而非终端拟物：黑色画布、一张完整正文卡和少量荧光黄动作。 */
.case-intro {
  --intro-lime:#DCFF00;
  --intro-ink:#050505;
  --intro-card:#111111;
  --intro-text:#F2F2F2;
  --intro-muted:#A6A6A1;
  background:#050505;
  color:var(--intro-text);
  font-family:"Inter", var(--sans);
}
.case-intro-header {
  top:31px;
  width:min(640px, calc(100vw - 32px));
  align-items:center;
  color:#fff;
  font-family:"Inter", var(--sans);
}
.case-intro-header span:first-child {
  color:#fff;
  font-family:"Instrument Serif", var(--serif);
  font-size:24px;
  letter-spacing:-.035em;
}
.case-intro-header span:last-child {
  gap:6px;
  color:var(--intro-muted);
  font-size:9px;
  font-weight:600;
  letter-spacing:.13em;
}
.case-intro-header i { width:6px; height:6px; background:var(--intro-lime); box-shadow:none; }
.case-intro-shell {
  width:min(640px, calc(100vw - 32px));
  height:min(760px, calc(100dvh - 92px));
  margin-top:72px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:0;
  background:var(--intro-card);
  box-shadow:0 24px 70px rgba(0,0,0,.48);
  backdrop-filter:none;
}
.case-intro-shell::before {
  padding:15px 25px;
  color:#83837D;
  border-bottom:1px solid rgba(255,255,255,.1);
  content:"PRIVATE BRIEFING · CASE 001";
  font:600 9px "Inter", var(--sans);
  letter-spacing:.14em;
}
.case-intro-copy {
  width:calc(100% - 112px);
  height:calc(100% - 49px);
  margin:0 auto;
  padding:43px 0 76px;
  scrollbar-color:rgba(255,255,255,.22) transparent;
}
.case-intro-kicker { margin-bottom:21px; color:var(--intro-lime); font:600 10px "Inter", var(--sans); letter-spacing:.16em; }
.case-intro-copy h1 {
  margin-bottom:23px;
  color:#fff;
  font:400 clamp(43px, 7vw, 58px)/1.02 "Instrument Serif", var(--serif);
  letter-spacing:-.045em;
}
.case-intro-copy > p {
  max-width:none;
  margin-bottom:1.16em;
  color:#E8E8E8;
  font:400 16px/1.72 "Inter", var(--sans);
  letter-spacing:0;
}
.case-intro-copy > .case-intro-question,
.case-intro-copy > .case-intro-turn,
.case-intro-copy > .case-intro-final {
  color:#fff;
  font-family:"Instrument Serif", var(--serif);
  font-weight:400;
  letter-spacing:-.02em;
}
.case-intro-copy > .case-intro-question { margin:1.15em 0; font-size:28px; line-height:1.1; }
.case-intro-copy > .case-intro-turn { margin:1.55em 0 1em; font-size:31px; line-height:1.05; }
.case-intro-copy > .case-intro-final { font-size:29px; line-height:1.13; }
.case-intro-notice {
  gap:9px;
  margin:1.8em 0;
  padding:19px 20px;
  border:1px solid rgba(255,255,255,.18);
  border-left:0;
  border-radius:0;
  background:#171717;
}
.case-intro-notice > span { color:var(--intro-lime); font:600 9px "Inter", var(--sans); letter-spacing:.13em; }
.case-intro-notice strong { color:#fff; font:400 21px/1.32 "Instrument Serif", var(--serif); letter-spacing:-.015em; }.case-intro-notice p { color:#C7C7C2; font:14px "Inter", var(--sans); }
.case-intro-choice { margin-top:2.6em; padding:0; border:0; border-radius:0; background:none; }.case-intro-choice > p { margin-bottom:12px; color:#83837D; font:600 10px "Inter", var(--sans); letter-spacing:.11em; }
.case-intro-actions { gap:10px; }.case-intro-actions button { min-height:48px; padding:0 17px; color:#0A0A0A; border:0; border-radius:7px; background:var(--intro-lime); font:700 14px "Inter", var(--sans); letter-spacing:0; transition:all .2s ease; }.case-intro-actions button span { color:#0A0A0A; font:700 10px "Inter", var(--sans); }.case-intro-actions button b { color:#0A0A0A; font:700 20px/1 "Inter", var(--sans); }.case-intro-actions button:hover,.case-intro-actions button:focus-visible { color:#0A0A0A; border:0; background:#c9ea00; box-shadow:none; transform:translateY(-2px); }
.case-intro-actions button:last-child { color:#0A0A0A; border:0; background:#fff; }.case-intro-actions button:last-child span,.case-intro-actions button:last-child b { color:#0A0A0A; }.case-intro-actions button:last-child:hover,.case-intro-actions button:last-child:focus-visible { color:#0A0A0A; border:0; background:#E8E8E8; box-shadow:none; }
.case-intro-help { right:calc(50% - min(320px, calc((100vw - 32px) / 2))); bottom:16px; color:#83837D; font:10px "Inter", var(--sans); }
.case-intro.is-declined .case-intro-choice { background:none; }.case-intro.is-declined .case-intro-choice::before { color:#fff; font-family:"Instrument Serif", var(--serif); font-weight:400; }.case-intro.is-declined .case-intro-choice > p { color:#B4B4AF; font-family:"Inter", var(--sans); }
@media (max-width:520px) {
  .case-intro-header { top:17px; width:calc(100vw - 28px); }.case-intro-header span:first-child { font-size:21px; }.case-intro-header span:last-child { font-size:7px; }
  .case-intro-shell { width:calc(100vw - 28px); height:calc(100dvh - 71px); margin-top:50px; }.case-intro-shell::before { padding:12px 17px; }
  .case-intro-copy { width:calc(100% - 44px); padding:32px 0 62px; }.case-intro-copy h1 { font-size:45px; }.case-intro-copy > p { font-size:15px; line-height:1.7; }.case-intro-copy > .case-intro-question { font-size:26px; }.case-intro-copy > .case-intro-turn { font-size:28px; }.case-intro-copy > .case-intro-final { font-size:27px; }.case-intro-notice strong { font-size:19px; }.case-intro-actions { grid-template-columns:1fr; }.case-intro-help { right:14px; bottom:9px; font-size:8px; }
}

/* 接入窗周围的散光与远处星点只存在于画布边缘，不能压过阅读本身。 */
.case-intro::before {
  display:block;
  z-index:0;
  inset:0;
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  background:
    radial-gradient(ellipse 42% 36% at 50% 47%, rgba(220,255,0,.075), transparent 70%),
    radial-gradient(ellipse 55% 46% at 50% 50%, rgba(89,157,255,.085), transparent 72%);
  box-shadow:none;
  transform:none;
}
.case-intro-grid {
  display:block;
  z-index:0;
  opacity:1;
  background-image:
    radial-gradient(circle, rgba(230,248,255,.82) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(220,255,0,.62) 0 .8px, transparent 1.5px),
    radial-gradient(circle, rgba(166,216,255,.54) 0 .7px, transparent 1.4px),
    radial-gradient(circle, rgba(255,255,255,.35) 0 .55px, transparent 1.2px);
  background-position:17px 31px, 91px 72px, 38px 126px, 146px 22px;
  background-size:193px 181px, 227px 211px, 173px 241px, 131px 149px;
  mask-image:radial-gradient(ellipse at 50% 50%, transparent 28%, #000 75%);
}
.case-intro-shell {
  position:relative;
  z-index:1;
  border-color:rgba(229,255,211,.26);
  box-shadow:
    0 0 0 1px rgba(220,255,0,.08),
    0 0 34px rgba(220,255,0,.14),
    0 0 94px rgba(79,152,255,.16),
    0 24px 70px rgba(0,0,0,.56);
}
.case-intro-shell::after {
  position:absolute;
  inset:-2px;
  z-index:-1;
  border:1px solid rgba(182,229,255,.15);
  border-radius:2px;
  box-shadow:0 0 52px rgba(131,204,255,.14);
  content:"";
  pointer-events:none;
}
.case-intro-header,.case-intro-help { z-index:2; }
@media (prefers-reduced-motion:no-preference) {
  .case-intro-grid { animation:case-star-breathe 5s ease-in-out infinite alternate; }
}
@keyframes case-star-breathe { from { opacity:.62; } to { opacity:1; } }

/* 正文占满案件窗；只保留阅读所需的窄边距。 */
.case-intro-copy {
  width:calc(100% - 40px);
  padding-right:0;
  padding-left:0;
}
.case-intro-copy:focus-visible { outline:none; }
@media (max-width:520px) {
  .case-intro-copy { width:calc(100% - 32px); }
}

/* 用一张连续的深空底图取代规则点阵，让星云只停留在阅读窗之外。 */
.case-intro {
  background:#020914 url("./assets/case-intro-galaxy.jpg") center center / cover no-repeat;
}
.case-intro::before {
  background:
    linear-gradient(90deg,
      rgba(2,6,13,.16) 0%,
      rgba(2,6,13,.06) 24%,
      rgba(2,6,13,.42) 52%,
      rgba(2,6,13,.08) 77%,
      rgba(2,6,13,.18) 100%),
    linear-gradient(180deg, rgba(1,4,10,.12), rgba(1,4,10,.34));
}
.case-intro-grid { display:none; }

/* 收掉硬朗的荧光描边，改成一层低对比、圆角的悬浮玻璃。 */
.case-intro-shell {
  border-color:rgba(205,228,255,.16);
  border-radius:20px;
  background:linear-gradient(145deg, rgba(19,20,24,.92), rgba(7,10,15,.9));
  box-shadow:
    0 0 0 1px rgba(143,190,255,.07),
    0 20px 72px rgba(0,0,0,.52),
    0 0 76px rgba(78,143,224,.22);
  backdrop-filter:blur(12px);
}
.case-intro-shell::after {
  inset:-1px;
  border-color:rgba(193,224,255,.12);
  border-radius:inherit;
  box-shadow:0 0 54px rgba(106,177,255,.2);
}

/* 低饱和冰蓝取代荧光绿，和夜空底图共用同一组冷色温。 */
.case-intro {
  --intro-lime:#94bfe4;
}
.case-intro-header { justify-content:flex-end; }
.case-intro-actions button:hover,
.case-intro-actions button:focus-visible { background:#b9d9ef; }

/* 把光放在窗外：靠近边缘有细亮线，远处是扩散的蓝雾。 */
.case-intro-shell {
  border-color:rgba(200,228,255,.19);
  box-shadow:
    0 0 0 1px rgba(163,209,255,.08),
    0 0 16px rgba(112,183,255,.14),
    0 0 54px rgba(57,143,255,.18),
    0 22px 76px rgba(0,0,0,.56);
}
.case-intro-shell::after {
  border-color:rgba(202,232,255,.15);
  box-shadow:0 0 34px rgba(90,161,235,.16);
}

/* 中文叙事使用稳定的宋体标题与无衬线正文；只有主标题保留一档层级。 */
.case-intro {
  font-family:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.case-intro-copy h1 {
  margin-bottom:24px;
  font:500 clamp(40px, 4.5vw, 46px)/1.2 "Noto Serif SC", "Songti SC", serif;
  letter-spacing:-.055em;
}
.case-intro-copy > p {
  font-family:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size:16px;
  line-height:1.82;
  letter-spacing:0;
}
.case-intro-copy > .case-intro-question,
.case-intro-copy > .case-intro-turn,
.case-intro-copy > .case-intro-final {
  margin:1.16em 0;
  font:400 16px/1.82 "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing:0;
}
.case-intro-notice strong,
.case-intro-notice p {
  font:400 16px/1.82 "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing:0;
}
@media (max-width:520px) {
  .case-intro-copy h1 { font-size:39px; }
  .case-intro-copy > p { font-size:15px; line-height:1.78; }
  .case-intro-copy > .case-intro-question,
  .case-intro-copy > .case-intro-turn,
  .case-intro-copy > .case-intro-final,
  .case-intro-notice strong,
  .case-intro-notice p { font-size:15px; line-height:1.78; }
}

/* 首次进入新闻流时，示范一次“划选线索 → 查阅资料”的检索方式。 */
.search-guide-example { position:relative; }
#caseExperience.is-selection-demo .search-guide-example::after {
  position:absolute;
  right:0;
  bottom:-3px;
  left:0;
  height:2px;
  border-radius:2px;
  background:#93d7f1;
  box-shadow:0 0 10px rgba(107,202,239,.62);
  content:"";
  transform:scaleX(0);
  transform-origin:left;
  animation:selection-guide-draw .75s ease-out both;
}
@keyframes selection-guide-draw { to { transform:scaleX(1); } }

.medical-paper-layout--founding::after { background:linear-gradient(90deg, #101115 0%, rgba(16,17,21,.04) 31%), url("./assets/medical-hospital-founding-ceremony.png") 75% center / cover; }
.medical-paper-layout--team::after { background:linear-gradient(90deg, #101115 0%, rgba(16,17,21,.04) 31%), url("./assets/medical-pain-clinic-team.png") 75% center / cover; }

@media (max-width:720px) {
  .medical-paper-layout--founding::after { background:linear-gradient(0deg, #101115 0%, rgba(16,17,21,.04) 72%), url("./assets/medical-hospital-founding-ceremony.png") 75% center / cover; }
  .medical-paper-layout--team::after { background:linear-gradient(0deg, #101115 0%, rgba(16,17,21,.04) 72%), url("./assets/medical-pain-clinic-team.png") 75% center / cover; }
}