/* ============================================================================ Yggdrasil Core · Field Intelligence Interface ========================================================================= */ :root{ --bg:#07120d;--deep:#050b08;--surface:#0c1c14;--surface2:#10261a;--surface3:#15301f; --hover:#173723;--ink:#edf5e7;--soft:#b8c8ba;--muted:#7b9383;--faint:#4f6857; --line:rgba(192,228,194,.11);--line2:rgba(192,228,194,.22);--accent:#9ee56b; --accent2:#d5f08c;--accentInk:#102412;--accentSoft:rgba(158,229,107,.13); --gold:#edbf69;--goldSoft:rgba(237,191,105,.13);--aqua:#78d6b0;--aquaSoft:rgba(120,214,176,.12); --danger:#ff8d83;--dangerSoft:rgba(255,141,131,.13);--warn:#edbf69;--warnSoft:rgba(237,191,105,.13); --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s12:48px; --rsm:12px;--rmd:18px;--rlg:24px;--shadow:0 20px 64px rgba(0,0,0,.24); --float:0 24px 70px rgba(0,0,0,.38);--ease:cubic-bezier(.22,.61,.36,1);--dur:220ms; /* 兼容既有页面的 token，逐页改造期间不让旧结构失效 */ --bg-sidebar:var(--deep);--bg-elev:var(--surface2);--bg-hover:var(--hover); --fg-base:237,245,231;--fg-100:var(--ink);--fg-70:var(--soft);--fg-60:var(--soft); --fg-40:var(--muted);--fg-25:var(--faint);--line-strong:var(--line2); --r-sm:var(--rsm);--r-md:var(--rmd);--r-lg:var(--rlg);--r-xl:32px;--t:all var(--dur) var(--ease) } html[data-theme="light"]{ --bg:#f4f7ef;--deep:#e7eee3;--surface:rgba(255,255,253,.88);--surface2:#eef5e9;--surface3:#e1efd9;--hover:#e6f3df; --ink:#152319;--soft:#405545;--muted:#5f7163;--faint:#748776;--line:rgba(25,67,36,.12);--line2:rgba(25,67,36,.22); --accent:#3e7d34;--accent2:#367532;--accentInk:#fff;--accentSoft:rgba(62,125,52,.11);--gold:#946419;--goldSoft:rgba(181,124,38,.13); --aqua:#247a62;--aquaSoft:rgba(36,122,98,.11);--danger:#bc443b;--dangerSoft:rgba(188,68,59,.1);--warn:#96620d;--warnSoft:rgba(150,98,13,.12); --shadow:0 18px 52px rgba(31,65,38,.09);--float:0 24px 64px rgba(31,65,38,.16) } *{box-sizing:border-box}html,body{width:100%;min-height:100%}html{background:var(--bg)} body{margin:0;color:var(--ink);background:radial-gradient(circle at 82% -8%,rgba(114,204,117,.15),transparent 34rem),radial-gradient(circle at 3% 93%,rgba(188,145,65,.1),transparent 30rem),var(--bg);font:14px/1.55 Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased} body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(165,213,164,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(165,213,164,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 76%)} body:after{content:"";position:fixed;z-index:-1;pointer-events:none;width:42vw;height:42vw;min-width:440px;min-height:440px;right:-16vw;top:12vh;opacity:.25;background:repeating-radial-gradient(ellipse at center,transparent 0 20px,rgba(159,229,107,.18) 21px 22px,transparent 23px 42px);transform:rotate(-22deg)} button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}::selection{color:var(--accentInk);background:var(--accent)} /* Shell */ #nav{position:fixed;inset:0 auto 0 0;z-index:40;width:272px;display:flex;flex-direction:column;padding:22px 14px 14px;overflow:hidden;background:linear-gradient(180deg,rgba(7,20,13,.94),rgba(5,13,9,.91));border-right:1px solid var(--line);backdrop-filter:blur(22px);transition:width var(--dur) var(--ease),transform var(--dur) var(--ease)} html[data-theme="light"] #nav{background:rgba(244,247,239,.89)}#nav:before{content:"";position:absolute;width:180px;height:180px;right:-100px;top:-56px;border:1px solid rgba(158,229,107,.22);border-radius:48% 52% 63% 37%;box-shadow:0 0 0 24px rgba(158,229,107,.025),0 0 0 48px rgba(158,229,107,.018);transform:rotate(18deg);pointer-events:none} .brand{position:relative;display:flex;align-items:center;gap:11px;min-height:44px;padding:0 8px}.mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:var(--accent);border:1px solid rgba(158,229,107,.3);border-radius:13px;background:linear-gradient(145deg,rgba(158,229,107,.2),rgba(158,229,107,.05));box-shadow:inset 0 1px rgba(255,255,255,.1),0 9px 24px rgba(57,125,58,.12)}.mark svg{width:21px;height:21px}.brand-tx{font-size:15px;font-weight:720;letter-spacing:-.035em;white-space:nowrap}.brand-tx:after{content:"FIELD INTELLIGENCE";display:block;color:var(--muted);font-size:8px;font-weight:650;letter-spacing:.15em;line-height:1.2} .nav-list{position:relative;margin-top:36px;display:flex;flex-direction:column;gap:3px;overflow-y:auto;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-sec{color:var(--faint);padding:16px 10px 6px;font-size:9px;font-weight:750;letter-spacing:.14em}.nv-i{position:relative;min-height:42px;display:flex;align-items:center;gap:12px;padding:0 10px;color:var(--muted);border:1px solid transparent;border-radius:12px;transition:.22s var(--ease)}.nv-i:before{content:"";position:absolute;left:-14px;height:16px;width:2px;border-radius:99px;background:var(--accent);transform:scaleY(0);transition:transform var(--dur) var(--ease)}.nv-i svg{width:18px;height:18px;flex:0 0 auto;stroke-width:1.75}.nv-i:hover{color:var(--ink);background:rgba(158,229,107,.055)}.nv-i.on{color:var(--ink);background:linear-gradient(100deg,rgba(158,229,107,.16),rgba(158,229,107,.045));border-color:rgba(158,229,107,.17);box-shadow:inset 0 1px rgba(255,255,255,.05)}.nv-i.on:before{transform:scaleY(1)}.nv-i.on svg{color:var(--accent)}.nv-tx{font-weight:560;white-space:nowrap}.nav-foot{position:relative;margin-top:auto;padding:14px 10px 4px;border-top:1px solid var(--line)} #statLine{color:var(--muted)!important;flex-wrap:wrap;gap:6px!important;font-size:10.5px!important;line-height:1.45}#statLine i{width:6px!important;height:6px!important;background:var(--accent)!important;box-shadow:0 0 0 4px var(--accentSoft)}#statLine b{color:var(--faint);font-weight:500} #nav.mini{width:76px;padding-inline:12px}#nav.mini .brand{padding-inline:7px}#nav.mini .brand-tx,#nav.mini .nv-tx,#nav.mini .nav-sec,#nav.mini .nav-foot{opacity:0;pointer-events:none}#nav.mini .nav-list{margin-top:32px;overflow:visible}#nav.mini .nv-i{justify-content:center;padding:0}#nav.mini .nv-i:before{left:-12px} #main{height:100vh;margin-left:272px;transition:margin-left var(--dur) var(--ease)}#nav.mini~#main{margin-left:76px}#top{height:74px;display:flex;align-items:center;gap:16px;padding:0 30px;position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(7,18,13,.57);backdrop-filter:blur(18px)}html[data-theme="light"] #top{background:rgba(244,247,239,.72)}.ico{width:38px;height:38px;display:grid;place-items:center;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:11px;transition:.2s var(--ease)}.ico:hover{color:var(--ink);border-color:var(--line2);background:var(--surface)}.ico svg{width:18px;height:18px}.hd-t{display:flex;align-items:baseline;gap:10px;min-width:0}#crumb{color:var(--ink);font-size:14px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}#crumbSub{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-r{display:flex;align-items:center;gap:8px;margin-left:auto}#pill{min-height:32px;display:flex;align-items:center;gap:7px;padding:0 11px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;font-size:11.5px;font-variant-numeric:tabular-nums}#pill i{width:6px;height:6px;background:var(--warn);border-radius:99px}#pill.ok{color:var(--soft);border-color:rgba(158,229,107,.2)}#pill.ok i{background:var(--accent);box-shadow:0 0 0 4px var(--accentSoft)}#pill.bad i{background:var(--danger);box-shadow:0 0 0 4px var(--dangerSoft)}#view{height:calc(100vh - 74px);overflow:auto;scroll-behavior:smooth} /* Primitives */ .wrap{max-width:1180px;margin:0 auto;padding:34px 34px 64px}.wrap.wide{max-width:1320px}.card{position:relative;padding:23px;overflow:hidden;background:linear-gradient(145deg,rgba(20,45,30,.9),rgba(10,27,18,.88));border:1px solid var(--line);border-radius:var(--rmd);box-shadow:inset 0 1px rgba(255,255,255,.03),var(--shadow)}html[data-theme="light"] .card{background:linear-gradient(145deg,rgba(255,255,253,.94),rgba(242,248,239,.92))}.card h1,.card h2,.card h3,.card h4{color:var(--ink);margin:0;line-height:1.25;letter-spacing:-.03em}.card h3{font-size:16px;font-weight:720}.card h4{font-size:14px;font-weight:690}.card p{color:var(--soft);margin:9px 0 0;line-height:1.7}.card p b{color:var(--ink);font-weight:650}.card+.card{margin-top:16px}.grid2,.grid3{display:grid;gap:14px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))} .btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;color:var(--soft);background:rgba(255,255,255,.025);border:1px solid var(--line2);border-radius:10px;font-size:12px;font-weight:620;white-space:nowrap;transition:.22s var(--ease)}.btn:hover{color:var(--ink);background:var(--hover);border-color:rgba(158,229,107,.36);transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.12)}.btn:active{transform:translateY(0)}.btn.pri{color:var(--accentInk);background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;box-shadow:0 8px 24px rgba(106,178,71,.2)}.btn.pri:hover{color:var(--accentInk);background:linear-gradient(135deg,#b8ef82,var(--accent));border-color:transparent}.btn.sm{min-height:33px;padding-inline:10px;font-size:11.5px}.btn svg{width:15px;height:15px}.field{display:flex;flex-direction:column;gap:8px}.field label{color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.035em}input,select,textarea{color:var(--ink);background:rgba(4,12,8,.45);border:1px solid var(--line2);outline:none;border-radius:10px;transition:.22s var(--ease)}html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:rgba(245,249,242,.88)}input,select{min-height:43px;padding:0 12px}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{border-color:rgba(158,229,107,.7);box-shadow:0 0 0 4px var(--accentSoft);background:var(--surface)}select{cursor:pointer}.tag{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;color:var(--muted);background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:99px;font-size:10.5px;font-weight:640;line-height:1}.tag.ok{color:var(--accent);background:var(--accentSoft);border-color:rgba(158,229,107,.2)}.tag.warn{color:var(--gold);background:var(--goldSoft);border-color:rgba(237,191,105,.22)}.tag.bad{color:var(--danger);background:var(--dangerSoft);border-color:rgba(255,141,131,.22)} .note{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;color:var(--soft);background:rgba(120,214,176,.065);border:1px solid rgba(120,214,176,.16);border-radius:12px;font-size:12.5px;line-height:1.7}.note svg{width:17px;height:17px;flex:0 0 auto;margin-top:2px;color:var(--aqua)}.note.warn{background:var(--warnSoft);border-color:rgba(237,191,105,.22)}.note.warn svg{color:var(--gold)}.note.bad{background:var(--dangerSoft);border-color:rgba(255,141,131,.22)}.note.bad svg{color:var(--danger)}.empty{min-height:260px;display:grid;place-content:center;gap:12px;color:var(--muted);text-align:center}.empty svg{width:30px;height:30px;color:var(--accent);margin:auto}.spin{width:18px;height:18px;display:inline-block;border:2px solid rgba(158,229,107,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}table{width:100%;border-collapse:collapse;font-size:12.5px}th{padding:10px 12px;color:var(--muted);border-bottom:1px solid var(--line2);font-size:10px;font-weight:720;letter-spacing:.06em;text-align:left;text-transform:uppercase}td{padding:12px;color:var(--soft);border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55}tr:last-child td{border-bottom:0}tbody tr{transition:background var(--dur) var(--ease)}tbody tr:hover{background:rgba(158,229,107,.045)}.num{font-variant-numeric:tabular-nums}pre{margin:0;overflow:auto;color:var(--soft);font:12.5px/1.7 "SFMono-Regular",Consolas,monospace}code{padding:2px 5px;color:var(--accent2);background:var(--accentSoft);border-radius:5px;font-family:"SFMono-Regular",Consolas,monospace}hr{height:1px;margin:18px 0;background:var(--line);border:0} /* Chat */ #chatScroll{flex:1;min-height:0;overflow:auto;scroll-behavior:smooth}.chat-toolbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:8px;padding:13px 34px;border-bottom:1px solid var(--line);background:rgba(7,18,13,.66);backdrop-filter:blur(16px)}html[data-theme="light"] .chat-toolbar{background:rgba(244,247,239,.75)}.chat-toolbar .toolbar-spacer{margin-left:auto}.msgs{width:min(100%,980px);margin:0 auto;padding:34px 34px 190px}.m{display:flex;gap:14px;margin:0 auto 25px;animation:rise .45s var(--ease) both}.m.you{justify-content:flex-end}.m .b{max-width:min(83%,760px);color:var(--soft);font-size:14px;line-height:1.82}.m.you .b{max-width:min(74%,640px);padding:13px 16px;color:var(--ink);background:linear-gradient(135deg,rgba(158,229,107,.2),rgba(120,214,176,.11));border:1px solid rgba(158,229,107,.22);border-radius:17px 17px 4px 17px;box-shadow:0 10px 24px rgba(0,0,0,.12)}.m.bot .b{width:min(100%,800px);padding:3px 1px}.m .b p{margin:0 0 13px}.m .b p:last-child{margin-bottom:0}.m .b h3,.m .b h4{margin:18px 0 8px}.m .b ul{margin:8px 0 14px;padding-left:19px}.blk{position:relative;margin:14px 0;padding:13px 15px 14px 17px;background:linear-gradient(90deg,rgba(158,229,107,.10),rgba(158,229,107,.025));border:1px solid rgba(158,229,107,.12);border-radius:0 13px 13px 0}.blk:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:99px;background:var(--accent)}.blk .k{margin-bottom:5px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.08em}.tool{display:flex;align-items:center;gap:8px;margin:4px 0 12px;padding:8px 10px;color:var(--soft);background:rgba(120,214,176,.07);border:1px solid rgba(120,214,176,.14);border-radius:10px;font-size:11.5px}.tool .ti{display:grid;place-items:center;color:var(--aqua)}.tool .ti svg{width:14px;height:14px}.tool .tr{margin-left:auto;color:var(--aqua);font-size:10.5px;white-space:nowrap}.cite-chip{display:inline-grid;place-items:center;min-width:21px;height:21px;margin:0 2px;padding:0 5px;vertical-align:text-top;color:var(--accentInk);background:var(--accent);border-radius:6px;font-size:10px;font-weight:800;transition:.22s var(--ease)}.cite-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(158,229,107,.27)}.cite{margin-top:18px;padding:12px 14px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:13px}.cite summary{color:var(--muted);cursor:pointer;font-size:11.5px;font-weight:650}.src-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);transition:background var(--dur) var(--ease)}.src-row:first-child{border-top:0}.src-row:hover{background:var(--accentSoft)}.src-row .n{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;color:var(--accent);border:1px solid rgba(158,229,107,.25);border-radius:7px;font-size:10px;font-weight:750}.src-row .tt{min-width:0;flex:1;font-size:11.5px}.src-row .tt b{display:block;overflow:hidden;color:var(--soft);text-overflow:ellipsis;white-space:nowrap}.src-row .mt{display:block;margin-top:2px;color:var(--faint);font-size:10px}.src-row .go{color:var(--accent)}.src-row .go svg{width:15px;height:15px}.flash{animation:flash 1.2s var(--ease)}@keyframes flash{30%{background:var(--accentSoft)}}.no{display:flex;gap:13px;padding:17px;color:var(--soft);background:var(--warnSoft);border:1px solid rgba(237,191,105,.25);border-radius:15px}.no .ni{color:var(--gold)}.no .ni svg{width:20px;height:20px}.no .nt{font-size:13px;line-height:1.7}.no .nt b{color:var(--ink)}.gen{display:flex;align-items:center;gap:9px;padding:11px 13px;width:max-content;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:12px}.gen .w{display:flex;gap:3px}.gen .w i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:bl 1.3s var(--ease) infinite}.gen .w i:nth-child(2){animation-delay:.16s}.gen .w i:nth-child(3){animation-delay:.32s}@keyframes bl{0%,60%,100%{opacity:.25;transform:scale(.8)}30%{opacity:1;transform:scale(1)}} #dock{position:absolute;right:0;bottom:0;left:272px;z-index:10;padding:0 30px 20px;pointer-events:none;background:linear-gradient(to top,var(--bg) 42%,rgba(7,18,13,.84) 75%,transparent);transition:left var(--dur) var(--ease)}#nav.mini~#main #dock{left:76px}#box{width:min(100%,840px);margin:0 auto;display:flex;align-items:flex-end;gap:10px;padding:7px 7px 7px 16px;pointer-events:auto;background:linear-gradient(145deg,var(--surface3),var(--surface));border:1px solid var(--line2);border-radius:20px;box-shadow:var(--float),inset 0 1px rgba(255,255,255,.05);transition:.22s var(--ease)}#box:focus-within{border-color:rgba(158,229,107,.6);box-shadow:var(--float),0 0 0 4px var(--accentSoft)}#ta{flex:1;min-height:38px;max-height:180px;padding:8px 0;color:var(--ink);background:transparent;border:0;border-radius:0;resize:none;font-size:14px;line-height:1.55;box-shadow:none!important}#go{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:var(--accentInk);background:var(--accent);border-radius:13px;transition:.22s var(--ease)}#go:hover:not(:disabled){transform:translateY(-2px)}#go:disabled{cursor:not-allowed;opacity:.36}#go svg{width:18px;height:18px}.dock-meta{width:min(100%,840px);display:flex;align-items:center;gap:12px;margin:9px auto 0;padding:0 4px;color:var(--faint);font-size:10.5px;pointer-events:auto}.dock-meta label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer}.dock-meta label:hover{color:var(--soft)}.dock-meta input{width:13px;height:13px;accent-color:var(--accent);cursor:pointer}.dock-meta .sp{margin-left:auto} .home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:26px;min-height:390px;padding:30px;overflow:hidden;background:linear-gradient(130deg,rgba(19,54,29,.78),rgba(9,25,16,.9) 58%,rgba(42,63,29,.76));border:1px solid rgba(158,229,107,.17);border-radius:26px;box-shadow:var(--shadow)}.home-hero:before{content:"";position:absolute;width:460px;height:460px;right:-140px;top:-195px;border:1px solid rgba(158,229,107,.24);border-radius:45% 55% 58% 42%;box-shadow:0 0 0 26px rgba(158,229,107,.035),0 0 0 53px rgba(158,229,107,.025),0 0 0 80px rgba(158,229,107,.018);transform:rotate(-18deg)}.home-hero:after{content:"";position:absolute;inset:auto -40px -100px auto;width:360px;height:210px;opacity:.35;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 24px,rgba(237,191,105,.25) 25px 26px,transparent 27px 49px);transform:rotate(-5deg)}.hero-copy,.hero-signal{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;font-weight:760;letter-spacing:.12em}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.home-hero h1{max-width:600px;margin:17px 0 12px;color:var(--ink);font-size:clamp(32px,4vw,53px);font-weight:740;line-height:1.06;letter-spacing:-.065em}.home-hero h1 em{color:var(--accent);font-style:normal}.home-hero p{max-width:520px;margin:0;color:var(--soft);font-size:14px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.hero-actions .btn{background:rgba(4,15,8,.25)}.hero-actions .btn.pri{color:var(--accentInk);background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}.hero-signal{align-self:end;justify-self:end;width:min(100%,290px);padding:19px;background:rgba(5,16,9,.5);border:1px solid rgba(158,229,107,.18);border-radius:20px;backdrop-filter:blur(10px)}.signal-head{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:11px;font-weight:650}.signal-head i{width:7px;height:7px;background:var(--accent);border-radius:99px;box-shadow:0 0 0 4px var(--accentSoft)}.signal-num{margin:10px 0 2px;color:var(--ink);font-size:38px;font-weight:740;line-height:1;letter-spacing:-.07em}.signal-num small{color:var(--accent);font-size:14px;letter-spacing:0}.signal-bar{height:5px;margin-top:15px;overflow:hidden;background:rgba(255,255,255,.1);border-radius:99px}.signal-bar span{display:block;width:82%;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:inherit}.signal-foot{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:10px} .scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.scenario{position:relative;min-height:149px;padding:17px;overflow:hidden;color:var(--soft);background:var(--surface);border:1px solid var(--line);border-radius:16px;text-align:left;transition:.22s var(--ease)}.scenario:after{content:"";position:absolute;width:70px;height:70px;right:-27px;bottom:-29px;border:1px solid var(--line2);border-radius:50%;transition:transform var(--dur) var(--ease)}.scenario:hover{transform:translateY(-4px);background:var(--hover);border-color:rgba(158,229,107,.35);box-shadow:var(--shadow)}.scenario:hover:after{transform:scale(1.34)}.scenario .scenario-icon{width:32px;height:32px;display:grid;place-items:center;margin-bottom:18px;color:var(--accent);background:var(--accentSoft);border:1px solid rgba(158,229,107,.18);border-radius:10px}.scenario .scenario-icon svg{width:17px;height:17px}.scenario strong{display:block;color:var(--ink);font-size:13px}.scenario span{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}} /* New workbench, library, KB, calendar, tech */ .page-intro{position:relative;display:flex;justify-content:space-between;gap:26px;padding:28px;overflow:hidden;background:linear-gradient(115deg,rgba(20,55,31,.78),rgba(10,26,17,.88));border:1px solid rgba(158,229,107,.16);border-radius:23px}.page-intro:after{content:"";position:absolute;inset:auto -30px -70px auto;width:290px;height:170px;opacity:.34;background:repeating-radial-gradient(ellipse at 40% 100%,transparent 0 19px,rgba(158,229,107,.2) 20px 21px,transparent 22px 39px);transform:rotate(-12deg)}.page-intro .intro-copy{position:relative;z-index:1;max-width:650px}.page-intro h1{margin:11px 0 9px;font-size:29px;letter-spacing:-.05em}.page-intro p{margin:0;color:var(--soft);font-size:13px;line-height:1.75}.intro-meta{position:relative;z-index:1;align-self:flex-end;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:290px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;margin-top:16px}.input-panel{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.input-panel .btn.pri{margin-top:22px;min-width:142px}.side-note{padding:21px;background:linear-gradient(160deg,rgba(21,43,27,.92),rgba(12,25,16,.94))}.side-note h4{margin-bottom:13px}.side-note .fact{padding:12px 0;border-top:1px solid var(--line)}.side-note .fact:first-of-type{border-top:0}.side-note .fact b{display:block;color:var(--accent);font-size:11px;letter-spacing:.06em}.side-note .fact span{display:block;margin-top:4px;color:var(--soft);font-size:11.5px;line-height:1.6}.quick-picks{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.quick-picks button{min-height:28px;padding:0 9px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:99px;font-size:10.5px;transition:.2s var(--ease)}.quick-picks button:hover{color:var(--accent);border-color:rgba(158,229,107,.35);background:var(--accentSoft)} .result-shell{margin-top:16px}.result-shell>.card{margin-top:16px}.result-label{color:var(--accent);font-size:10px;font-weight:760;letter-spacing:.12em}.result-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:25px;background:linear-gradient(135deg,rgba(24,61,34,.87),rgba(13,29,18,.92));border-color:rgba(158,229,107,.19)}.result-hero h2{margin:7px 0 0;font-size:24px;letter-spacing:-.045em}.result-hero .result-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.recipe-display{min-width:178px;padding:15px 17px;text-align:right;border-left:1px solid var(--line)}.recipe-display small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em}.recipe-display strong{display:block;margin-top:4px;color:var(--gold);font-size:31px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.recipe-display span{display:block;margin-top:6px;color:var(--muted);font-size:10.5px}.result-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.result-table,.record-table{overflow-x:auto}.record-table table{min-width:650px}.total-callout{display:flex;align-items:center;gap:13px;margin-top:16px;padding:15px;background:linear-gradient(90deg,var(--accentSoft),transparent);border:1px solid rgba(158,229,107,.16);border-radius:13px}.total-callout .metric-orb{width:37px;height:37px;display:grid;place-items:center;color:var(--accent);background:rgba(158,229,107,.14);border-radius:12px}.total-callout .metric-orb svg{width:18px;height:18px}.total-callout small{display:block;color:var(--muted);font-size:10.5px}.total-callout strong{display:block;color:var(--ink);font-size:17px;letter-spacing:-.035em}.source-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:17px 20px;background:rgba(120,214,176,.055);border:1px solid rgba(120,214,176,.14);border-radius:15px}.source-strip .source-copy{flex:1;min-width:220px}.source-strip .source-copy b{display:block;color:var(--ink);font-size:12px}.source-strip .source-copy span{display:block;margin-top:3px;color:var(--muted);font-size:10.5px} .safety-summary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;padding:23px}.safety-index{width:116px;height:116px;display:grid;place-content:center;text-align:center;border:1px solid rgba(158,229,107,.28);border-radius:50%;background:radial-gradient(circle,rgba(158,229,107,.18),transparent 66%);box-shadow:0 0 0 11px rgba(158,229,107,.035),0 0 0 22px rgba(158,229,107,.018)}.safety-index b{color:var(--accent);font-size:25px;line-height:1;letter-spacing:-.06em}.safety-index span{margin-top:5px;color:var(--muted);font-size:9.5px;letter-spacing:.08em}.safety-copy h2{font-size:23px;letter-spacing:-.04em}.safety-copy p{margin:7px 0 0;color:var(--soft);font-size:12.5px} .pdf-shell{display:flex;flex-direction:column;height:100%}.pdf-bar{display:flex;align-items:center;gap:10px;padding:14px 26px;border-bottom:1px solid var(--line);background:rgba(7,18,13,.54);backdrop-filter:blur(16px)}html[data-theme="light"] .pdf-bar{background:rgba(244,247,239,.72)}.pdf-bar .nm{flex:1;min-width:0;overflow:hidden;color:var(--soft);font-size:12px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.pdf-bar .pg{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.pdf-frame{width:100%;flex:1;border:0;background:var(--surface)} .library-hero{padding:27px}.library-hero h1,.kb-hero h1,.calendar-hero h1{margin:11px 0 8px;font-size:29px;letter-spacing:-.05em}.library-hero p,.kb-hero p,.calendar-hero p{max-width:670px;margin:0;color:var(--soft)}.library-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:16px}.doc-card{position:relative;grid-column:span 4;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;overflow:hidden;background:linear-gradient(145deg,rgba(18,42,28,.91),rgba(9,23,15,.91));border:1px solid var(--line);border-radius:18px;cursor:pointer;transition:.22s var(--ease)}.doc-card:first-child{grid-column:span 8;background:linear-gradient(120deg,rgba(25,59,34,.92),rgba(11,29,18,.92))}.doc-card:after{content:"";position:absolute;right:-30px;bottom:-40px;width:140px;height:140px;border:1px solid rgba(158,229,107,.15);border-radius:45% 55% 55% 45%;transition:transform .5s var(--ease)}.doc-card:hover{z-index:1;transform:translateY(-4px);border-color:rgba(158,229,107,.37);box-shadow:var(--float)}.doc-card:hover:after{transform:scale(1.22) rotate(20deg)}.doc-card>div{position:relative;z-index:1}.doc-card .doc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.doc-card .doc-type{color:var(--accent);font-size:10px;font-weight:780;letter-spacing:.13em}.doc-card .doc-year{color:var(--muted);font-size:11px}.doc-card h3{max-width:530px;margin:17px 0 8px;font-size:16px}.doc-card p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.65}.doc-card .doc-foot{display:flex;align-items:center;gap:8px;margin-top:17px;color:var(--soft);font-size:10.5px}.doc-card .doc-foot span{margin-left:auto;color:var(--accent);font-weight:700} .kb-hero{display:flex;justify-content:space-between;gap:20px;padding:27px}.kb-stats{display:flex;align-self:end;gap:9px}.kb-stat{min-width:92px;padding:11px 12px;background:rgba(5,15,9,.32);border:1px solid var(--line);border-radius:12px}.kb-stat b{display:block;color:var(--accent);font-size:21px;line-height:1;letter-spacing:-.06em}.kb-stat span{display:block;margin-top:4px;color:var(--muted);font-size:9.5px}.kb-controls{display:grid;grid-template-columns:1fr auto auto auto;gap:9px;margin-top:16px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.kb-controls input{min-width:0}.kb-controls select{min-width:136px}.kb-count{display:flex;align-items:center;padding:0 4px;color:var(--muted);font-size:11px;white-space:nowrap}.kb-list{display:grid;gap:10px;margin-top:16px}.knowledge-item{padding:0!important;border-radius:15px!important}.knowledge-item summary{display:flex;align-items:center;gap:8px;padding:15px 17px;cursor:pointer;list-style:none}.knowledge-item summary::-webkit-details-marker{display:none}.knowledge-item summary:after{content:"+";margin-left:auto;color:var(--muted);font-size:18px;font-weight:300;transition:transform var(--dur) var(--ease)}.knowledge-item[open] summary:after{transform:rotate(45deg);color:var(--accent)}.knowledge-item .knowledge-preview{flex:1;min-width:100px;overflow:hidden;color:var(--muted);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.knowledge-item .knowledge-meta{color:var(--faint);font-size:10.5px;white-space:nowrap}.knowledge-body{padding:0 17px 16px}.knowledge-body pre{padding:14px;background:rgba(3,11,7,.3);border:1px solid var(--line);border-radius:10px} .calendar-hero{padding:27px;background:linear-gradient(115deg,rgba(24,59,35,.84),rgba(10,26,17,.9))}.crop-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.crop-tab{min-height:34px;padding:0 13px;color:var(--muted);background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:99px;font-size:11.5px;font-weight:650;transition:.2s var(--ease)}.crop-tab:hover{color:var(--ink);border-color:var(--line2)}.crop-tab.active{color:var(--accentInk);background:var(--accent);border-color:transparent}.season-board{margin-top:16px;padding:23px}.season-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:22px}.season-head h2{font-size:19px;letter-spacing:-.04em}.season-head p{margin:4px 0 0;color:var(--muted);font-size:11.5px}.season-now{color:var(--gold);font-size:11px;font-weight:700}.season-track{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:4px;min-height:205px;padding-top:34px}.season-track:before{content:"";position:absolute;top:89px;right:6px;left:6px;height:2px;background:linear-gradient(90deg,var(--line),rgba(158,229,107,.5),var(--line))}.month-mark{position:relative;color:var(--faint);font-size:10px;text-align:center}.month-mark:after{content:"";position:absolute;top:49px;left:50%;width:7px;height:7px;background:var(--surface3);border:1px solid var(--line2);border-radius:50%;transform:translateX(-50%)}.month-mark.current{color:var(--accent)}.month-mark.current:after{width:11px;height:11px;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px var(--accentSoft)}.stage-node{position:absolute;top:0;width:min(208px,30%);min-height:77px;padding:10px 11px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;box-shadow:inset 0 1px rgba(255,255,255,.04);transform:translateX(-50%)}.stage-node:after{content:"";position:absolute;top:100%;left:50%;width:1px;height:15px;background:var(--line2)}.stage-node.bottom{top:105px}.stage-node.bottom:after{top:auto;bottom:100%}.stage-node b{display:block;color:var(--ink);font-size:11.5px}.stage-node span{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.stage-node .stage-month{display:block;margin-top:6px;color:var(--accent);font-size:9px;font-weight:700}.stage-node.harvest b,.stage-node.harvest .stage-month{color:var(--gold)}.month-alert{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;margin-top:16px;padding:18px 20px;background:linear-gradient(100deg,var(--goldSoft),transparent);border:1px solid rgba(237,191,105,.2);border-radius:15px}.month-alert .alert-icon{width:39px;height:39px;display:grid;place-items:center;color:var(--gold);background:rgba(237,191,105,.13);border-radius:11px}.month-alert .alert-icon svg{width:19px;height:19px}.month-alert small{display:block;color:var(--muted);font-size:10px}.month-alert b{display:block;color:var(--ink);font-size:13px}.month-alert span{display:block;margin-top:3px;color:var(--soft);font-size:11.5px} .about-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;padding:29px;background:linear-gradient(120deg,rgba(22,59,33,.86),rgba(8,23,15,.92))}.about-hero h1{margin:10px 0;font-size:34px;letter-spacing:-.06em}.about-hero p{max-width:650px;margin:0;color:var(--soft);font-size:13px}.impact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;align-content:end}.impact{padding:13px;background:rgba(3,12,7,.27);border:1px solid var(--line);border-radius:12px}.impact b{display:block;color:var(--accent);font-size:25px;line-height:1;letter-spacing:-.06em}.impact span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:16px}.layer-card{min-height:200px;padding:21px}.layer-card .layer-index{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:10px;font-weight:760;letter-spacing:.13em}.layer-card .layer-index:after{content:"";width:42px;height:1px;background:var(--accent);opacity:.5}.layer-card h3{margin-top:28px;font-size:19px}.layer-card p{font-size:12px}.layer-card:nth-child(2){background:linear-gradient(145deg,rgba(17,48,30,.94),rgba(9,25,16,.92))}.layer-card:nth-child(3) .layer-index{color:var(--gold)}.layer-card:nth-child(3) .layer-index:after{background:var(--gold)}.flow-card{margin-top:16px;padding:24px}.flow-card h3{margin-bottom:18px}.flow-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;align-items:center}.flow-step{min-height:104px;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(4,13,8,.25)}.flow-step small{color:var(--accent);font-size:9px;font-weight:750;letter-spacing:.1em}.flow-step b{margin-top:5px;color:var(--ink);font-size:11.5px}.flow-step span{margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.4}.flow-arrow{height:1px;background:var(--line2);position:relative}.flow-arrow:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg)}.metrics-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;margin-top:16px}.metric-main,.metric-table{padding:23px}.metric-main h3{margin-bottom:16px}.metric-list{display:grid;gap:11px}.metric-row{display:grid;grid-template-columns:1fr 56px;gap:12px;align-items:center}.metric-row span{color:var(--soft);font-size:11.5px}.metric-row b{color:var(--accent);font-size:12px;text-align:right}.metric-track{grid-column:1/-1;height:5px;overflow:hidden;background:rgba(255,255,255,.07);border-radius:99px}.metric-track i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--aqua));border-radius:inherit}.metric-table table{font-size:11.5px}.limit-card{margin-top:16px}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:7px}.tech-item{padding:12px 0;border-bottom:1px solid var(--line)}.tech-item:nth-last-child(-n+2){border-bottom:0}.tech-item small{display:block;color:var(--faint);font-size:10px}.tech-item b{display:block;margin-top:3px;color:var(--soft);font-size:11.5px;font-weight:600} .mermaid-wrap{margin:var(--s4) 0;padding:var(--s4);overflow-x:auto;background:rgba(3,11,7,.25);border:1px solid var(--line);border-radius:var(--rmd);cursor:zoom-in}.mermaid-wrap svg{max-width:100%;height:auto;margin:auto}.mermaid-full{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:32px;background:rgba(3,10,6,.9);backdrop-filter:blur(7px);cursor:zoom-out}.mermaid-full svg{max-width:94vw;max-height:90vh;padding:20px;background:var(--surface);border-radius:16px}#scrim{display:none;position:fixed;z-index:35;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}#scrim.on{display:block} @media(max-width:1120px){.scenario-grid{grid-template-columns:repeat(2,1fr)}.home-hero{grid-template-columns:1fr}.hero-signal{justify-self:start}.workbench{grid-template-columns:1fr}.side-note{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.side-note h4{grid-column:1/-1}.side-note .fact{padding:0;border:0}.about-hero{grid-template-columns:1fr}.impact-grid{max-width:450px}.flow-steps{grid-template-columns:repeat(4,1fr)}.flow-arrow{display:none}.library-grid .doc-card,.library-grid .doc-card:first-child{grid-column:span 6}} @media(max-width:820px){body{overflow:auto}body:after{opacity:.12;right:-42vw}#nav{width:272px;transform:translateX(-100%);box-shadow:none}#nav:not(.mini){transform:none;box-shadow:var(--float)}#nav.mini{width:272px;transform:translateX(-100%);padding-inline:14px}#nav.mini .brand-tx,#nav.mini .nv-tx,#nav.mini .nav-sec,#nav.mini .nav-foot{opacity:1;pointer-events:auto}#nav.mini .nav-list{margin-top:36px;overflow-y:auto}#nav.mini .nv-i{justify-content:flex-start;padding:0 10px}#nav.mini .nv-i:before{left:-14px}#main,#nav.mini~#main{margin-left:0}#top{height:64px;padding:0 14px;gap:8px}#crumbSub{display:none}.hd-r{gap:2px}#pill{padding:0 9px;font-size:10.5px}#view{height:calc(100vh - 64px)}.wrap{padding:20px 14px 44px}.wrap.wide{padding-inline:14px}.card{padding:18px;border-radius:16px}.grid2,.grid3,.form-grid{grid-template-columns:1fr}.chat-toolbar{padding:10px 14px}.chat-toolbar #cHist{display:none}.msgs{padding:20px 14px 172px}.m{margin-bottom:20px}.m .b,.m.you .b{max-width:94%;font-size:13px}#dock,#nav.mini~#main #dock{left:0;padding:0 12px 13px}.dock-meta{font-size:9.5px}.dock-meta>span:last-child{display:none}.home-hero{min-height:0;padding:23px;border-radius:20px}.home-hero h1{font-size:34px}.hero-signal{width:100%}.scenario-grid{grid-template-columns:1fr 1fr}.scenario{min-height:130px;padding:14px}.scenario .scenario-icon{margin-bottom:13px}.page-intro,.kb-hero{padding:21px;display:block}.page-intro h1,.kb-hero h1,.calendar-hero h1,.library-hero h1{font-size:25px}.intro-meta{justify-content:flex-start;margin-top:14px}.side-note{display:block}.side-note .fact{padding:10px 0;border-top:1px solid var(--line)}.result-hero{grid-template-columns:1fr}.recipe-display{border-top:1px solid var(--line);border-left:0;text-align:left}.safety-summary{grid-template-columns:1fr}.safety-index{width:100px;height:100px}.library-grid{grid-template-columns:1fr}.library-grid .doc-card,.library-grid .doc-card:first-child{grid-column:auto;min-height:180px}.kb-stats{margin-top:17px}.kb-controls{grid-template-columns:1fr}.kb-controls select{min-width:0}.kb-count{min-height:22px}.knowledge-item summary{align-items:flex-start;flex-wrap:wrap}.knowledge-item .knowledge-preview{order:3;flex-basis:85%}.knowledge-item .knowledge-meta{margin-left:auto}.season-board{padding:18px;overflow-x:auto}.season-track{width:760px}.month-alert{grid-template-columns:38px 1fr}.month-alert .btn{grid-column:2}.layer-grid,.metrics-card{grid-template-columns:1fr}.layer-card{min-height:0}.flow-steps{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:1fr}.tech-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.tech-item:last-child{border-bottom:0}.pdf-bar{padding:10px 12px}.pdf-bar .btn:nth-last-child(2){display:none}} @media(max-width:440px){.scenario-grid{grid-template-columns:1fr}.scenario{min-height:112px}.hero-actions .btn:last-child{display:none}.home-hero h1{font-size:30px}.kb-stats{display:grid;grid-template-columns:repeat(2,1fr)}.kb-stat{min-width:0}.crop-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.crop-tab{padding:0 7px}.result-hero h2{font-size:20px}.month-alert{padding:14px}.about-hero h1{font-size:29px}} @media print{#nav,#top,#dock,.chat-toolbar,.btn,#scrim{display:none!important}#main,#nav.mini~#main{margin:0}#view{height:auto;overflow:visible}.wrap{max-width:none;padding:0}.card{box-shadow:none;background:#fff;border-color:#ddd;color:#111}.card *{color:#111!important}.note{border-color:#aaa}.result-hero,.page-intro{background:#f5f5f5}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}} /* ============================================================================ 修复与增强 2026-09-19 ========================================================================= */ /* ── 修复 ① 侧栏折叠时图标外溢 ────────────────────────────────────────────── 原因：mini 模式下标签只用 opacity:0 隐藏，**仍然占据宽度**， 把图标挤出 76px 轨道的中心；配合 .nav-list{overflow:visible} 就溢出来了。 改法：让标签真正塌缩（max-width/max-height → 0 + overflow:hidden）， 图标即可稳定居中。 */ .brand-tx,.nv-tx{max-width:220px;overflow:hidden; transition:opacity .16s var(--ease),max-width var(--dur) var(--ease)} .nav-sec{max-height:44px;overflow:hidden; transition:opacity .16s var(--ease),max-height var(--dur) var(--ease), padding var(--dur) var(--ease)} #nav.mini .brand-tx,#nav.mini .nv-tx{opacity:0;max-width:0;pointer-events:none} #nav.mini .nav-sec{opacity:0;max-height:0;padding-top:0;padding-bottom:0;pointer-events:none} #nav.mini .nav-list{margin-top:30px} /* mini 时底部状态只留一个圆点，不再整块消失 */ #nav.mini .nav-foot{opacity:1;pointer-events:auto;padding:14px 0 4px;border-top-color:transparent} #nav.mini #statLine{justify-content:center} #nav.mini #statLine span,#nav.mini #statLine b{display:none} /* 折叠时给图标一个明确的居中基准 */ #nav.mini .nv-i{justify-content:center;gap:0;padding:0;width:52px;margin-inline:auto} /* ── 修复 ①b 选中项左侧的竖指示条整条不显示 ──────────────────────────────── .nav-list 上有 overflow-y:auto。按 CSS 规范，当一个轴是 visible、另一个不是时， visible 会被计算成 auto —— 于是 .nav-list 在**横向也裁切**。 而 .nv-i:before 这条指示条定位在 left:-14px（折叠时 -12px），恰好落在裁切区之外， 所以它一直画不出来（不是 opacity/transform 的问题）。 证据：读计算样式，content="" / 背景 rgb(158,229,107) / transform 已是单位矩阵(scaleY(1)) 全部正确，但截图里 x=0..2 一个像素都没有 —— 样式对却看不见，就是被祖先裁了。 改法：把 .nav-list 的裁切框向左扩 14px。负 margin 抵消等量 padding， .nv-i 的落点一个像素都不动，指示条却回到了 padding box 之内。 四种形态都验算过：桌面/折叠（12px 内边距）、窄屏/展开（14px 内边距）， .nv-i 内容盒始终是原来的位置，指示条 0..2 始终在裁切框内。 */ .nav-list{margin-left:-14px;padding-left:14px} /* ── 修复 ⑥ 日间模式下首屏文字过暗 ────────────────────────────────────────── 原因：.home-hero 的背景是**硬编码深绿渐变、不随主题变**， 但内部文字用的是会翻转的 --ink/--soft； 亮色下 → 深色字压深色底，实测对比度仅 2.35:1。 改法：把这套「深色展示面板」的文字固定为浅色 token； 并把亮色下的面板底色压深一点，让它在两套主题里都稳定是深色。 */ .home-hero{--hero-ink:#f2f8ef;--hero-soft:#dfe9e0;--hero-muted:#b4c7b7;--hero-accent:#b6ea8c} html[data-theme="light"] .home-hero{ background:linear-gradient(130deg,rgba(19,54,29,.86),rgba(9,25,16,.93) 58%,rgba(34,54,26,.84)); border-color:rgba(62,125,52,.38)} .home-hero h1{color:var(--hero-ink)} .home-hero p{color:var(--hero-soft)} .home-hero .eyebrow{color:var(--hero-accent)} .home-hero .eyebrow:before{background:currentColor} .home-hero h1 em{color:var(--hero-accent)} .hero-signal .signal-head{color:var(--hero-soft)} .hero-signal .signal-num{color:var(--hero-ink)} .hero-signal .signal-num small{color:var(--hero-accent)} .hero-signal .signal-foot{color:var(--hero-muted)} .hero-signal .signal-bar{background:rgba(255,255,255,.16)} .hero-actions .btn{color:var(--hero-soft);border-color:rgba(223,233,224,.28);background:rgba(4,15,8,.3)} .hero-actions .btn:hover{color:var(--hero-ink);border-color:rgba(223,233,224,.5)} /* ── 需求 ④ 进入动画：首屏各模块从不同方向平滑渐显 ─────────────────────────── */ @keyframes fxUp {from{opacity:0;transform:translateY(30px) scale(.985)}to{opacity:1;transform:none}} @keyframes fxLeft {from{opacity:0;transform:translateX(-38px)}to{opacity:1;transform:none}} @keyframes fxRight{from{opacity:0;transform:translateX(42px)}to{opacity:1;transform:none}} @keyframes fxZoom {from{opacity:0;transform:scale(.955)}to{opacity:1;transform:none}} /* ★ fill-mode 用 both 时，动画结束会**一直保持 to 状态**，并覆盖元素自身的基础样式。 而这两个装饰伪元素本身带有基础 transform/opacity： .home-hero:before → transform:rotate(-18deg) .home-hero:after → opacity:.35; transform:rotate(-5deg) 所以每个 to 都必须精确回到那个基础值，否则就是永久性视觉回归： · 原 fxRing 的 to 写成 transform:none → 抹平了装饰环的 -18° 倾斜 · 原 :after 的 to 写成 opacity:1 → 把同心弧从 .35 提亮到 1（暗色下极为刺眼） 另外 :after 只动 opacity/filter，不碰 transform，基础倾斜自然保留。 */ @keyframes fxArc {from{opacity:0;filter:blur(9px)}to{opacity:.35;filter:blur(0)}} @keyframes fxLine {from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes fxBar {from{width:0}to{width:82%}} @keyframes fxRing {from{opacity:0;transform:scale(.72) rotate(-32deg)}to{opacity:1;transform:rotate(-18deg)}} @keyframes fxGlow {0%{opacity:0}60%{opacity:.5}100%{opacity:0}} #home .home-hero{animation:fxZoom .78s var(--ease) both} #home .home-hero:before{animation:fxRing 1.5s var(--ease) both} #home .home-hero:after{animation:fxArc 1.4s var(--ease) both;animation-delay:.34s} #home .home-hero .eyebrow{animation:fxLeft .62s var(--ease) both;animation-delay:.10s} #home .home-hero h1{animation:fxLeft .74s var(--ease) both;animation-delay:.18s} #home .home-hero p{animation:fxLeft .74s var(--ease) both;animation-delay:.27s} #home .home-hero .hero-actions{animation:fxUp .68s var(--ease) both;animation-delay:.37s} #home .hero-signal{animation:fxRight .82s var(--ease) both;animation-delay:.30s} #home .signal-bar span{animation:fxBar 1.15s var(--ease) both;animation-delay:.78s} /* 四张任务卡依次从下方浮起 */ #home .scenario-grid .scenario{animation:fxUp .62s var(--ease) both} #home .scenario-grid .scenario:nth-child(1){animation-delay:.46s} #home .scenario-grid .scenario:nth-child(2){animation-delay:.54s} #home .scenario-grid .scenario:nth-child(3){animation-delay:.62s} #home .scenario-grid .scenario:nth-child(4){animation-delay:.70s} /* 面板上掠过的一道光，作为渲染特效收尾 */ #home .home-hero .fx-sheen{position:absolute;inset:0;pointer-events:none;border-radius:inherit; background:linear-gradient(105deg,transparent 38%,rgba(214,240,180,.16) 50%,transparent 62%); background-size:280% 100%;animation:fxSheen 1.5s var(--ease) .5s both} @keyframes fxSheen{from{background-position:180% 0;opacity:1}to{background-position:-90% 0;opacity:0}} /* ── 需求 ⑤ 左侧导航点击反馈 ─────────────────────────────────────────────── */ /* 注意：这里**不能**给 .nv-i 加 overflow:hidden。 涟漪是 inset:0 + border-radius:inherit，scale(1) 时恰好等于元素盒子、天然不溢出； 而选中态指示条 .nv-i:before 定位在 left:-14px（mini 下 -12px），是要伸出元素之外画的。 一旦在父级裁切，指示条会被整条裁掉 —— 实测 x=0..6 的像素与未选中行完全相同， 即选中项只剩背景色、丢了左侧竖条。故此处保持不裁切。 */ .nv-i:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none; background:radial-gradient(circle at var(--px,50%) var(--py,50%), rgba(158,229,107,.42),rgba(158,229,107,.08) 42%,transparent 68%); opacity:0;transform:scale(.4);transition:opacity .2s var(--ease),transform .2s var(--ease)} .nv-i.tap:after{opacity:1;transform:scale(1);transition:none} .nv-i.tap{animation:nvPop .42s var(--ease)} @keyframes nvPop{0%{transform:scale(1)}38%{transform:scale(.965)}100%{transform:scale(1)}} .nv-i .nv-tx{transition:transform .2s var(--ease)} .nv-i.tap .nv-tx{transform:translateX(3px)} @media(prefers-reduced-motion:reduce){ #home .home-hero,#home .home-hero:before,#home .home-hero:after, #home .home-hero .eyebrow,#home .home-hero h1,#home .home-hero p, #home .home-hero .hero-actions,#home .hero-signal,#home .signal-bar span, #home .scenario-grid .scenario,#home .home-hero .fx-sheen, .nv-i.tap,.nv-i.tap:after{animation:none!important} .nv-i.tap:after{opacity:0} } /* ============================================================================ 第二轮修复与增强 2026-09-19 ========================================================================= */ /* ── 修复 ⑦ 日间模式下 .page-intro 文字过暗 ──────────────────────────────── 用户反馈：施肥计算器的「按作物、区域与目标产量匹配农业部区域大配方…」 和农药查询的「连接国家农药登记信息…」两句，日间模式几乎看不清。 根因和 .home-hero 一模一样（见修复⑥）： .page-intro 的背景是**硬编码深绿渐变**，不随主题翻转； 而里面的文字用的是会翻转的 --soft / --muted / --ink。 日间模式下这些变量变成深绿灰 → 深字压深绿底。 改法：面板在两套主题里都稳定保持深色，内部文字固定为浅色 token。 （日间模式下面板本身也压深一点，避免它在一片浅色里"浮"着。） */ .page-intro{--hero-ink:#f2f8ef;--hero-soft:#dfe9e0;--hero-muted:#b4c7b7;--hero-accent:#b6ea8c; background:linear-gradient(115deg,rgba(19,54,29,.86),rgba(9,25,16,.93) 58%,rgba(34,54,26,.84)); border-color:rgba(62,125,52,.38)} .page-intro h1{color:var(--hero-ink)} .page-intro p{color:var(--hero-soft)} .page-intro .eyebrow{color:var(--hero-accent)} .page-intro .eyebrow:before{background:currentColor} /* 面板里的标签也要改成浅色系，否则日间模式同样是深字压深底 */ .page-intro .tag{color:var(--hero-soft);background:rgba(255,255,255,.07); border-color:rgba(223,233,224,.22)} .page-intro .tag.ok{color:var(--hero-accent);background:rgba(158,229,107,.15); border-color:rgba(158,229,107,.3)} .page-intro .tag.warn{color:#f0cd8a;background:rgba(237,191,105,.16); border-color:rgba(237,191,105,.3)} /* ── 修复 ⑧ 资料库卡片的"大大小小的书" ──────────────────────────────────── 用户反馈：资料库页面上有几个大大小小的书本图案，很难绷。 ★ 真正的根因（这条最容易被误判，记下来）： ICON() 生成的 SVG **不带 width/height 属性**，全靠 CSS 逐个给尺寸 （.ico svg / .nv-i svg / .mark svg … 每处都写了）。 但 .doc-foot 这一处**漏了** —— 于是 作为 flex 子项被撑满可用空间。实测渲染尺寸： 卡1 (729×803) 的书本图标 → 640×640 卡2 (357×803) 的书本图标 → 271×271 卡3~5 (357×460) → 271×271 再被 .doc-card{overflow:hidden} 按卡片大小各裁一块， 就成了"大大小小的书"。而且这些巨型图标还在**撑高卡片**（803px 高）。 改法：给 .doc-foot 里的 svg 定死尺寸（descendant 选择器同时覆盖 书名图标 I.book 与箭头 I.arrow）。 顺带：原来靠 .doc-card:after 画的 140×140 圆角方块也一并去掉 —— 它在跨 8 列的大卡和跨 4 列的小卡里被拉伸得大小悬殊，同样"大大小小"。 改成一个**固定 46×46** 的角落水印 .doc-mark，全卡一致。 */ .doc-card:after{content:none} .doc-card:hover:after{transform:none} .doc-card .doc-foot svg{width:14px;height:14px;flex:0 0 auto} .doc-card{--card-ink:#eef6e9;--card-soft:#cfe0cb;--card-muted:#a9c0a6} .doc-card h3,.doc-card .doc-year{color:var(--card-ink)} .doc-card .doc-type{color:#b6ea8c} .doc-card p,.doc-card .doc-year{color:var(--card-muted)} .doc-card .doc-foot{color:var(--card-soft)} /* ⚠️ 选择器必须写成 .doc-card .doc-mark（两个类），不能只写 .doc-mark。 基础层里有一条 `.doc-card>div{position:relative;z-index:1}`，优先级是 (0,1,1)， 而单独的 `.doc-mark` 只有 (0,1,0) —— 会被它压过，position:absolute 失效， 书标就退回**流内元素**。偏偏 ICON() 生成的 SVG 没有 width/height 属性， 流内 SVG 会按 replaced element 的默认尺寸 300×150 渲染， 结果整张卡里长出一个巨大的书本轮廓，还把卡片撑高。 （这个坑实测踩到过：截图里第一张卡的书标有 ~320px 宽。） */ .doc-card .doc-mark{position:absolute;right:20px;bottom:18px;width:46px;height:46px; display:grid;place-items:center;color:#b6ea8c;opacity:.16; border:1px solid rgba(158,229,107,.24);border-radius:13px; transition:opacity .3s var(--ease),transform .3s var(--ease)} .doc-card .doc-mark svg{width:21px;height:21px;stroke-width:1.7} .doc-card:hover .doc-mark{opacity:.34;transform:translateY(-3px)} /* ── 需求 ⑨ 作答方式标签 ────────────────────────────────────────────────── 后端现在会区分作答路径。用户必须能一眼看出哪条回答**没有**走资料库 —— 农业建议上这个区别关系到可信度。 */ .mode-tag{display:flex;align-items:flex-start;gap:9px;margin:0 0 14px; padding:10px 13px;border-radius:11px;font-size:11.5px;line-height:1.68} .mode-tag svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px} .mode-tag b{font-weight:740;margin-right:5px} .mode-tag.gen{color:var(--soft);background:var(--goldSoft);border:1px solid rgba(237,191,105,.24)} .mode-tag.gen svg{color:var(--gold)} .mode-tag.fup{color:var(--soft);background:rgba(120,214,176,.065);border:1px solid rgba(120,214,176,.17)} .mode-tag.fup svg{color:var(--aqua)} /* ── 需求 ⑩ 检索/生成过程可视化 ─────────────────────────────────────────── 用户反馈：等的时候不知道在干什么，会怀疑卡住。 27B 跑一次十几秒到几十秒，一个纹丝不动的转圈确实难熬。 给出：阶段文案 + 阶段进度点 + 渐近进度条 + 秒表。 ⚠️ 纯交互反馈，不代表真实进度；进度条刻意永不到 100%（真卡住时， 跑满的进度条比停住的更误导）。 */ .gen{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,420px);padding:13px 15px} .gen-hd{display:flex;align-items:center;gap:9px;font-size:12px} .gen-hd .gen-tx{color:var(--soft)} .gen-sec{margin-left:auto;color:var(--faint);font-size:10.5px;font-weight:640; font-variant-numeric:tabular-nums} .gen-steps{display:flex;flex-wrap:wrap;gap:6px} .gen-steps .gs{padding:3px 9px;color:var(--faint);font-size:10px; background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:99px; transition:.28s var(--ease)} .gen-steps .gs.done{color:var(--muted);border-color:var(--line2)} .gen-steps .gs.on{color:var(--accentInk);background:var(--accent);border-color:transparent;font-weight:720} .gen-bar{height:3px;overflow:hidden;background:rgba(255,255,255,.08);border-radius:99px} .gen-bar i{display:block;width:0;height:100%;border-radius:inherit; background:linear-gradient(90deg,var(--accent),var(--aqua));transition:width .28s var(--ease)} /* ── 需求 ⑪ 技术说明：次级界面（浮层），不再占独立路由 ────────────────────── 用户明确要求：技术说明面向答辩/审阅，是低频入口， 不该单独占一个侧栏位、也不该做成整屏子页面， 应该以「次级界面」的形式用一个小区块呈现完整技术手册。 实现为浮层：ESC / 点遮罩 / 点关闭按钮都能收起。 */ .sheet-scrim{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:34px; background:rgba(3,10,6,.66);backdrop-filter:blur(6px); opacity:0;transition:opacity .2s var(--ease)} .sheet-scrim.in{opacity:1} .sheet{width:min(100%,980px);max-height:min(88vh,900px);display:flex;flex-direction:column; overflow:hidden;background:var(--bg-elev);border:1px solid var(--line2);border-radius:20px; box-shadow:var(--float);transform:translateY(14px) scale(.985); transition:transform .24s var(--ease)} .sheet-scrim.in .sheet{transform:none} .sheet-hd{display:flex;align-items:flex-start;gap:14px;padding:20px 22px 16px; border-bottom:1px solid var(--line);background:var(--surface)} .sheet-hd h2{margin:7px 0 0;color:var(--ink);font-size:20px;letter-spacing:-.04em} .sheet-hd h2 span{margin-left:9px;color:var(--muted);font-size:11.5px;font-weight:500;letter-spacing:0} .sheet-x{margin-left:auto;flex:0 0 auto} .sheet-bd{overflow:auto;padding:6px 22px 26px} .man{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)} .man:last-child{border-bottom:0} .man-k{flex:0 0 34px;color:var(--accent);font-size:11px;font-weight:780;letter-spacing:.1em; font-variant-numeric:tabular-nums} .man-v{flex:1;min-width:0} .man-v h4{margin:0 0 9px;color:var(--ink);font-size:13.5px;font-weight:720} .man-v p{margin:0;color:var(--soft);font-size:12.5px;line-height:1.82} .man-dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 18px} .man-dl dt{color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap} .man-dl dt em{color:var(--muted);font-size:11px;font-style:normal;font-weight:500} .man-dl dd{margin:0;color:var(--soft);font-size:12.5px;line-height:1.75} .man-flow{display:flex;flex-wrap:wrap;gap:8px} .man-flow span{flex:1 1 150px;min-width:0;padding:11px 12px;color:var(--ink);font-size:12px; font-weight:650;background:var(--surface);border:1px solid var(--line);border-radius:11px} .man-flow span i{display:block;margin-bottom:5px;color:var(--accent);font-size:10px; font-style:normal;font-weight:780;letter-spacing:.1em} .man-flow span b{display:block;margin-top:4px;color:var(--muted);font-size:10.5px; font-weight:500;line-height:1.55} .man-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .man-stats div{padding:12px 13px;background:var(--surface);border:1px solid var(--line);border-radius:11px} .man-stats b{display:block;color:var(--accent);font-size:20px;font-weight:750; letter-spacing:-.04em;font-variant-numeric:tabular-nums} .man-stats span{display:block;margin-top:4px;color:var(--muted);font-size:10.5px} .man-tb{width:100%;font-size:12px} .man-tb th{padding:8px 10px;font-size:9.5px} .man-tb td{padding:9px 10px;font-size:12px} .man-tb .num{color:var(--soft);font-weight:700;text-align:right;font-variant-numeric:tabular-nums} .man-tb .num.ok{color:var(--accent)} .man-tech{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .man-tech div{padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px} .man-tech small{display:block;color:var(--faint);font-size:9.5px;letter-spacing:.06em} .man-tech b{display:block;margin-top:3px;color:var(--ink);font-size:11.5px;font-weight:640} @media(max-width:820px){ .sheet-scrim{padding:0} .sheet{width:100%;max-height:100vh;height:100vh;border-radius:0;border:0} .sheet-bd{padding:4px 15px 22px} .sheet-hd{padding:16px 15px 13px} .man{flex-direction:column;gap:7px} .man-dl{grid-template-columns:1fr;gap:4px 0} .man-dl dd{margin-bottom:9px} .man-stats{grid-template-columns:1fr 1fr} .man-tech{grid-template-columns:1fr} .gen{width:100%} } @media print{.sheet-scrim{display:none!important}} @media(prefers-reduced-motion:reduce){ #nav,.acct-me,.mini-menu{transition:none!important} } /* ============================================================================ 账户与农田档案 2026-09-19 ========================================================================= */ /* ── 顶栏用户区 ── */ .acct-me{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px 0 5px; color:var(--soft);background:var(--surface);border:1px solid var(--line);border-radius:99px; transition:.2s var(--ease);cursor:pointer} .acct-me:hover{color:var(--ink);border-color:var(--line2);background:var(--hover)} .acct-me .av{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto; color:var(--accentInk);background:linear-gradient(135deg,var(--accent),var(--accent2)); border-radius:99px;font-size:12px;font-weight:750} .acct-me .nm{font-size:12.5px;font-weight:640;max-width:110px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap} .acct-login{gap:6px} @media(max-width:820px){.acct-me .nm{display:none}.acct-me{padding:0 5px}} /* ── 账户下拉小菜单（次级界面） ── */ .mini-scrim{position:fixed;inset:0;z-index:130;background:rgba(3,10,6,.42); animation:fadeIn .16s var(--ease)} @keyframes fadeIn{from{opacity:0}to{opacity:1}} .mini-menu{position:absolute;top:66px;right:22px;width:212px;padding:7px; background:var(--bg-elev);border:1px solid var(--line2);border-radius:15px; box-shadow:var(--float);animation:fxUp .2s var(--ease)} @media(max-width:820px){.mini-menu{top:58px;right:12px;left:12px;width:auto}} .mini-menu .mm-hd{padding:10px 11px 11px;border-bottom:1px solid var(--line);margin-bottom:6px} .mini-menu .mm-hd b{display:block;color:var(--ink);font-size:13.5px} .mini-menu .mm-hd span{display:block;margin-top:2px;color:var(--muted);font-size:11px} .mm-i{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 11px; color:var(--soft);background:transparent;border:0;border-radius:10px;font-size:13px; text-align:left;cursor:pointer;transition:.16s var(--ease)} .mm-i:hover{color:var(--ink);background:var(--hover)} .mm-i svg{width:16px;height:16px;flex:0 0 auto} .mm-i.danger{color:var(--danger)} .mm-i.danger:hover{background:var(--dangerSoft)} /* ── 登录/注册、地块表单 ── */ .auth-sheet{width:min(100%,470px)} .fld{display:block;margin-bottom:14px} .fld>span{display:block;margin-bottom:6px;color:var(--muted);font-size:11.5px;font-weight:640} .fld input,.fld select{width:100%} .fld-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px} .fld-row .fld{margin-bottom:14px} @media(max-width:820px){.fld-row{grid-template-columns:1fr}} .auth-err{margin:2px 0 12px;padding:9px 12px;color:#ffb3aa;font-size:12px; background:var(--dangerSoft);border:1px solid rgba(255,141,131,.28);border-radius:9px} html[data-theme="light"] .auth-err{color:#a3271c} .auth-go{width:100%;justify-content:center} .auth-sw{margin-top:13px;color:var(--muted);font-size:12px;text-align:center} .lnk{color:var(--accent);background:none;border:0;font-size:12px;font-weight:700; text-decoration:underline;cursor:pointer;padding:2px 4px} /* ── 我的地块 ── */ .farm-add{margin:16px 0 4px} .farm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:16px} .farm-card{padding:18px} .fc-hd{display:flex;align-items:center;justify-content:space-between;gap:10px} .fc-hd b{color:var(--ink);font-size:15px} .fc-loc{display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--muted);font-size:12px} .fc-loc svg{width:14px;height:14px;flex:0 0 auto} .fc-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px} .fc-facts>div{padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px} .fc-facts small{display:block;color:var(--faint);font-size:10px;letter-spacing:.05em} .fc-facts b{display:block;margin-top:3px;color:var(--ink);font-size:13.5px;font-variant-numeric:tabular-nums} .fc-note{margin-top:11px;color:var(--muted);font-size:11.5px;line-height:1.6} .fc-act{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px} .fc-act .btn{gap:6px} /* ── 后台统计 ── */ .stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:16px 0} .stat{padding:16px 18px} .stat b{display:block;color:var(--accent);font-size:26px;font-weight:750;letter-spacing:-.04em; font-variant-numeric:tabular-nums} .stat span{display:block;margin-top:3px;color:var(--muted);font-size:11.5px} .fb-row{padding:13px 0;border-bottom:1px solid var(--line)} .fb-row:last-child{border-bottom:0} .fb-row .tag{margin-right:8px} .fb-row b{color:var(--ink);font-size:12.5px} .fb-q{margin-top:7px;color:var(--soft);font-size:12px} .fb-a{margin-top:3px;color:var(--muted);font-size:11.5px} .fb-n{margin-top:4px;color:var(--accent);font-size:11.5px} /* ============================================================================ 第三轮修复 2026-09-19（夜间审查） ========================================================================= */ /* ── 修复 ⑫ 亮色主题下 .result-hero 整块不可读 ───────────────────────────── ★ 这是 ⑥(.home-hero)、⑦(.page-intro) 的**同一个病根的第三处**，前两轮都漏了。 施肥计算器点「生成施肥方案」后出现的结果面板，背景是硬编码深绿渐变， 而它**没有 .card 类**，所以 `html[data-theme="light"] .card` 那条覆盖不到它。 亮色下 --ink/--soft/--muted/--gold 全部翻成深色 → 深字压深底。 实测（截图肉眼确认 + WCAG 计算）： .result-hero h2（地区名，--ink #152319） ≈ 1.15–1.96:1 .result-tags .tag（--muted #5f7163） ≈ 1.60:1 .recipe-display strong（--gold #946419） ≈ 1.63:1 .note.warn 正文（--soft #405545） ≈ 1.02:1 ← 等于隐形 改法同 ⑥⑦：面板在两套主题里都保持深色，内部文字固定为浅色 token。 */ .result-hero{--hero-ink:#f2f8ef;--hero-soft:#dfe9e0;--hero-muted:#b4c7b7;--hero-accent:#b6ea8c; background:linear-gradient(135deg,rgba(19,54,29,.9),rgba(9,25,16,.94)); border-color:rgba(62,125,52,.38)} .result-hero h1,.result-hero h2,.result-hero h3,.result-hero b,.result-hero strong{ color:var(--hero-ink)} .result-hero p,.result-hero li,.result-hero td,.result-hero th,.result-hero span{ color:var(--hero-soft)} .result-hero .eyebrow,.result-hero .recipe-display strong{color:var(--hero-accent)} .result-hero .tag{color:var(--hero-soft);background:rgba(255,255,255,.07); border-color:rgba(223,233,224,.22)} .result-hero .tag.ok{color:var(--hero-accent);background:rgba(158,229,107,.15); border-color:rgba(158,229,107,.3)} .result-hero .tag.warn{color:#f0cd8a;background:rgba(237,191,105,.16); border-color:rgba(237,191,105,.3)} .result-hero .tag.bad{color:#ffb3aa;background:rgba(255,141,131,.16); border-color:rgba(255,141,131,.3)} /* 面板内的提示块也要跟着走浅色，否则同样隐形 */ .result-hero .note{color:var(--hero-soft);background:rgba(120,214,176,.12); border-color:rgba(120,214,176,.28)} .result-hero .note.warn{color:#f4dcae;background:rgba(237,191,105,.14); border-color:rgba(237,191,105,.3)} .result-hero .note.bad{color:#ffc4bd;background:rgba(255,141,131,.14); border-color:rgba(255,141,131,.3)} .result-hero .note svg{color:currentColor} /* 结果表里用 --muted 的次要文字 */ .result-hero .num,.result-hero small{color:var(--hero-muted)} /* ── 修复 ⑬ 打印：白纸白字、只印一页、依据全丢 ───────────────────────────── 打印按钮一直摆在那儿，但印出来基本是空白。三个原因： ① print 块只重置了 #view 的高度，没重置 #main{height:100vh} 和 body{overflow:hidden} → 长对话只印第一页； ② 只给 .card 改色，**聊天正文不在 .card 里** → .m .b 的 #b8c8ba 印在白纸上 ≈1.75:1，用户自己的气泡 ≈1.1:1； ③ `.btn{display:none}` 把 [依据 N] 徽章一起干掉了 —— 它本身就是