:root{--ink:#24332e;--muted:#708078;--jade:#2c665b;--jade-dark:#193e39;--mint:#e5f0e9;--gold:#b89252;--paper:#f6f8f4;--line:#dbe5de;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.6}.site-header{height:78px;background:rgba(246,248,244,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1180px)/2));gap:40px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-width:200px}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--jade);color:#e9f5eb;display:grid;place-items:center;font-family:serif;font-size:21px;box-shadow:0 4px 12px #2c665b33}.brand strong{display:block;font-size:16px;letter-spacing:1px}.brand small{display:block;color:#8a9990;font-size:8px;letter-spacing:2px}.main-nav{display:flex;gap:30px;align-items:center;flex:1}.main-nav a{color:#6f7d75;text-decoration:none;font-size:13px;padding:29px 0;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--jade-dark)}.main-nav a.active:after{content:"";position:absolute;bottom:17px;left:0;right:0;height:2px;background:var(--gold)}.header-actions{display:flex;align-items:center;gap:16px}.link-button,.outline-button{border:0;background:none;color:var(--jade);font:inherit;font-size:13px;cursor:pointer}.outline-button{border:1px solid var(--jade);padding:8px 15px;border-radius:4px}.menu-button{display:none;border:0;background:none;font-size:21px;color:var(--jade)}.hero-section{min-height:530px;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:70px 28px 80px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700;margin:0 0 13px}.hero-copy h1{font-family:serif;font-size:51px;line-height:1.25;letter-spacing:1px;margin:0;color:var(--jade-dark)}h1 em,h2 em{font-style:normal;color:var(--jade)}.hero-lead{max-width:500px;color:var(--muted);font-size:15px;line-height:1.9;margin:22px 0 31px}.hero-actions{display:flex;align-items:center;gap:27px}.primary-button{background:var(--jade);color:#fff;text-decoration:none;padding:12px 20px;border-radius:4px;font-size:13px;box-shadow:0 8px 20px #2c665b2a}.primary-button span,.text-link span,.small-button span,.section-link span{margin-left:12px}.text-link,.section-link{color:var(--jade);text-decoration:none;font-size:13px}.hero-art{min-height:350px;position:relative;overflow:hidden;border-radius:7px;background:linear-gradient(135deg,#dbe9e0,#a8c9b6);box-shadow:0 18px 40px #214d4030}.hero-art:before{content:"";position:absolute;width:260px;height:260px;right:25px;top:30px;border-radius:50%;background:#f1f6ee88;border:1px solid #fff8}.hero-art:after{content:"";position:absolute;width:410px;height:180px;left:-70px;bottom:-62px;background:#477e685c;border-radius:50% 50% 0 0;transform:rotate(-12deg)}.jade-orb{position:absolute;border-radius:47% 53% 40% 60%;background:linear-gradient(145deg,#f5f7ee,#b9d7c1 45%,#6a9b83);box-shadow:inset -18px -22px 30px #4a786433,12px 20px 30px #35665344;transform:rotate(25deg)}.orb-one{width:180px;height:220px;right:130px;top:72px}.orb-two{width:98px;height:130px;right:60px;top:182px;transform:rotate(-23deg);background:linear-gradient(145deg,#fffef3,#d7e5c9 55%,#769b70)}.hero-caption{position:absolute;z-index:2;left:26px;bottom:25px;color:#fff}.hero-caption span,.hero-caption small{display:block;font-size:10px;letter-spacing:1px;opacity:.82}.hero-caption strong{display:block;font-family:serif;font-size:23px;margin:5px 0}.section-wrap{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}.dashboard-section{padding-bottom:72px}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.section-heading h2{font-family:serif;font-size:28px;margin:0;color:var(--jade-dark)}.data-note{font-size:11px;color:#8d9b93}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:var(--white);border-radius:5px;overflow:hidden}.metric{padding:22px 16px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font-size:27px;color:var(--jade-dark);font-weight:600}.metric span{display:block;font-size:13px;color:var(--ink);margin-top:5px}.metric small{display:block;color:#91a098;font-size:10px;margin-top:4px}.entry-section{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:78px}.entry-card{padding:28px;border-radius:6px;display:flex;gap:19px;min-height:195px}.entry-supply{background:var(--jade-dark);color:#eef6ed}.entry-demand{background:#e8efe8;color:var(--ink)}.entry-card .eyebrow{color:var(--gold)}.entry-icon{font-size:32px;line-height:1;color:#c6dfcb}.entry-card h3{font-family:serif;font-size:23px;margin:0 0 8px}.entry-card p:not(.eyebrow){font-size:12px;line-height:1.7;opacity:.8;margin:0 0 18px}.small-button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:3px;padding:8px 13px;cursor:pointer;font:12px inherit}.content-section{padding-bottom:76px}.card-grid{display:grid;gap:15px}.six-grid{grid-template-columns:repeat(3,1fr)}.info-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:5px;padding:23px 20px;min-height:172px;transition:transform .2s,box-shadow .2s}.info-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2c665b16}.card-symbol{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--mint);color:var(--jade);font-size:17px}.tag{position:absolute;top:25px;right:18px;color:#9b8662;font-size:10px}.info-card h3{font-family:serif;font-size:19px;margin:17px 0 7px;color:var(--jade-dark)}.info-card p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.database-grid .info-card{min-height:155px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-item{display:flex;gap:17px;padding:24px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcfa}.service-item>span{color:var(--gold);font-family:serif;font-size:16px}.service-item h3{font-family:serif;font-size:17px;margin:0 0 5px}.service-item p{font-size:11px;color:var(--muted);margin:0}.insight-section{background:var(--jade-dark);color:#edf5ee;max-width:none;padding:68px max(28px,calc((100vw - 1124px)/2));display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.insight-section h2{font-family:serif;font-size:34px;line-height:1.35;margin:0 0 18px}.insight-section>div>p:last-child{font-size:13px;line-height:2;max-width:490px;color:#c7d9cd}.insight-points{display:grid;gap:18px;align-content:center}.insight-points span{display:grid;grid-template-columns:36px 1fr;align-items:center;border-bottom:1px solid #ffffff26;padding-bottom:14px;color:#b9d5c0;font-family:serif;font-size:14px}.insight-points b{color:#fff;font-size:15px;font-weight:500}.insight-points small{grid-column:2;color:#a8c4af;font-family:inherit;font-size:11px}.site-footer{max-width:1180px;margin:0 auto;padding:37px 28px 45px;display:flex;align-items:center;gap:35px;color:#87948c;font-size:10px}.footer-brand{display:flex;align-items:center;gap:8px;min-width:220px;color:var(--jade-dark)}.footer-brand .brand-mark{width:27px;height:27px;font-size:16px}.footer-brand strong{font-size:14px}.footer-brand small{display:block;color:#8c9992;margin-left:-70px;padding-top:37px;white-space:nowrap}.site-footer p{flex:1;margin:0;line-height:1.7}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:11px 19px;background:var(--jade-dark);color:#fff;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.site-header{gap:20px}.main-nav{gap:16px}.hero-section{gap:28px}.hero-copy h1{font-size:42px}.metrics-grid{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3){border-right:0}.metric:nth-child(n+4){border-top:1px solid var(--line)}.entry-card{padding:22px}.insight-section{gap:40px}}@media(max-width:650px){.site-header{height:65px;padding:0 18px}.brand{min-width:0}.main-nav,.header-actions{display:none}.menu-button{display:block;margin-left:auto}.main-nav.open{display:flex;position:absolute;left:0;right:0;top:65px;background:var(--paper);padding:10px 18px;flex-direction:column;align-items:flex-start;gap:0;border-bottom:1px solid var(--line)}.main-nav.open a{padding:10px 0;width:100%}.main-nav.open a.active:after{bottom:5px;right:auto;width:30px}.hero-section{display:block;padding:55px 20px 60px}.hero-copy h1{font-size:38px}.hero-lead{font-size:13px}.hero-art{margin-top:42px;min-height:280px}.orb-one{right:95px;top:50px;transform:scale(.8) rotate(25deg)}.orb-two{right:35px;top:155px;transform:scale(.75) rotate(-23deg)}.section-wrap{padding-left:20px;padding-right:20px}.dashboard-section,.content-section{padding-bottom:55px}.section-heading h2{font-size:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2n){border-right:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.entry-section{display:block;padding-bottom:55px}.entry-card+ .entry-card{margin-top:13px}.six-grid,.service-grid{grid-template-columns:1fr}.info-card{min-height:145px}.insight-section{display:block;padding:52px 20px}.insight-points{margin-top:35px}.site-footer{display:block;padding:30px 20px}.site-footer p{margin:23px 0}.footer-brand small{margin-left:8px;padding-top:0}.hero-actions{gap:18px}}
:root{--title-fit:1}
.hero-copy h1{font-size:49px;line-height:1.28;white-space:nowrap}
@media(max-width:850px){.hero-copy h1{font-size:42px}}
@media(max-width:650px){.hero-copy h1{font-size:38px}}

/* 二级、三级页面与资料库 */
.route-card{cursor:pointer}.route-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.page-shell{padding-top:72px;padding-bottom:90px;min-height:calc(100vh - 78px)}.page-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:26px}.page-hero h1{font-family:serif;font-size:42px;line-height:1.25;color:var(--jade-dark);margin:0 0 14px}.page-lead{max-width:670px;color:var(--muted);font-size:14px;line-height:1.9;margin:0}.page-back{color:var(--jade);font-size:13px;text-decoration:none;white-space:nowrap;padding-bottom:9px}.page-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);border:1px solid var(--line);border-radius:5px;margin-bottom:25px}.page-stats>div{padding:21px 20px;border-right:1px solid var(--line)}.page-stats>div:last-child{border-right:0}.page-stats strong{display:block;font-family:serif;font-size:26px;color:var(--jade-dark)}.page-stats span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.page-toolbar{display:flex;align-items:end;gap:16px;margin:0 0 20px}.page-toolbar label{display:grid;gap:6px;color:#7c8b83;font-size:11px;min-width:220px}.page-toolbar input,.page-toolbar select,.request-form input,.request-form select,.request-form textarea{width:100%;font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:4px;padding:10px 12px;outline:none}.page-toolbar input:focus,.page-toolbar select:focus,.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--jade);box-shadow:0 0 0 3px #2c665b14}.page-toolbar .primary-button,.page-toolbar .outline-button{margin-left:auto;white-space:nowrap}.toolbar-note{color:#8a9890;font-size:11px;padding-bottom:10px;margin-left:auto}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.library-card,.resource-card,.service-detail-card{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:23px 22px;transition:transform .2s,box-shadow .2s}.library-card:hover,.resource-card:hover,.service-detail-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #2c665b14}.library-card-top,..detail-status{display:flex;align-items:center;gap:10px;color:var(--jade);font-size:11px}.library-card-top em,.detail-status em{margin-left:auto;font-style:normal;color:#9b8662;background:#f5eee2;padding:3px 8px;border-radius:3px;font-size:10px}.library-card h3,.resource-card h3,.service-detail-card h3{font-family:serif;color:var(--jade-dark);font-size:21px;margin:14px 0 7px}.library-card p,.resource-card p,.service-detail-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.card-meta{border-top:1px solid var(--line);margin-top:16px;padding-top:11px}.card-meta span{display:block;color:#9b8662;font-size:10px;margin-bottom:3px}.card-meta b{display:block;color:var(--ink);font-size:11px;font-weight:500;line-height:1.6}.card-action{display:inline-block;color:var(--jade);font-size:11px;text-decoration:none;margin-top:15px}.filter-tabs{display:flex;gap:8px}.filter-tab{border:1px solid var(--line);background:var(--white);color:#738179;border-radius:3px;padding:8px 15px;cursor:pointer;font:12px inherit}.filter-tab.active,.filter-tab:hover{background:var(--jade);border-color:var(--jade);color:#fff}.notice-panel{background:#eef4ee;border-radius:4px;padding:14px 18px;margin-top:22px}.notice-panel strong{font-family:serif;color:var(--jade-dark);font-size:15px}.notice-panel p{color:var(--muted);font-size:11px;line-height:1.8;margin:4px 0 0}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.resource-card{min-height:245px}.resource-card-title{display:flex;align-items:center;gap:8px;margin-top:14px}.resource-card-title h3{margin:0;font-size:18px}.resource-card-title em{margin-left:auto;color:#9b8662;font-size:10px;font-style:normal;white-space:nowrap}.resource-fields,.chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.resource-fields span,.chip-list span{background:var(--mint);color:var(--jade);border-radius:3px;padding:4px 7px;font-size:10px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);background:var(--white)}.service-detail-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;display:grid;grid-template-columns:45px 1fr;gap:8px;min-height:160px}.service-detail-card:nth-child(2n){border-right:0}.service-detail-no{font-family:serif;color:var(--gold);font-size:18px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:32px}.principle-grid article{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--gold);padding:24px}.principle-grid span{font-family:serif;color:var(--gold);font-size:17px}.principle-grid h3{font-family:serif;color:var(--jade-dark);font-size:20px;margin:14px 0 6px}.principle-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.process-band{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;background:var(--jade-dark);color:#edf5ee;padding:40px 44px}.process-band h2{font-family:serif;font-size:30px;margin:0 0 12px}.process-band p:not(.eyebrow){color:#c7d9cd;font-size:12px;line-height:1.9;margin:0}.process-band ol{list-style:none;margin:0;padding:0}.process-band li{border-bottom:1px solid #ffffff26;padding:11px 0;color:#b9d5c0;font-size:12px}.process-band li b{color:#fff;margin-right:14px}.request-form{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.request-form label{display:grid;gap:7px;color:#718077;font-size:11px}.form-full{margin-top:18px}.request-form textarea{resize:vertical;line-height:1.7}.form-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.form-actions span{color:#8b9991;font-size:11px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:20px}.detail-main,.detail-aside{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:28px}.detail-main h2,.database-summary h2{font-family:serif;color:var(--jade-dark);font-size:29px;margin:16px 0 8px}.detail-intro{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 22px}.detail-block{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.detail-block h3,.detail-aside h3,.field-panel h3{font-family:serif;color:var(--jade-dark);font-size:17px;margin:0 0 7px}.detail-block p,.detail-aside p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.boundary{background:#eef4ee;border:0;border-radius:4px;padding:16px}.detail-aside{height:max-content}.detail-aside dl{margin:0 0 20px}.detail-aside dt{color:#9b8662;font-size:10px;margin-top:12px}.detail-aside dd{color:var(--ink);font-size:12px;margin:2px 0 0;line-height:1.6}.database-summary{display:flex;align-items:center;justify-content:space-between;background:var(--white);border:1px solid var(--line);padding:25px;border-radius:5px}.database-summary h2{margin-top:13px}.database-summary p{color:var(--muted);font-size:12px;margin:0}.database-count{text-align:right}.database-count strong{display:block;font-family:serif;color:var(--jade-dark);font-size:28px}.database-count span{font-size:10px;color:#8b9991}.field-panel{margin:18px 0;padding:18px;background:#eef4ee;border-radius:4px}.field-panel .chip-list{margin-top:4px}.table-wrap{overflow:auto;background:var(--white);border:1px solid var(--line);border-radius:5px}table{width:100%;border-collapse:collapse;min-width:720px;font-size:11px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f3f7f2;color:var(--jade-dark);font-weight:600;white-space:nowrap}td{color:var(--muted);line-height:1.6}tr:last-child td{border-bottom:0}.detail-actions{display:flex;gap:12px;margin-top:20px}.step-list{list-style:none;margin:0;padding:0}.step-list li{border-bottom:1px solid var(--line);padding:11px 0;color:var(--muted);font-size:12px}.step-list li:last-child{border-bottom:0}.step-list b{display:inline-block;color:var(--gold);font-family:serif;width:32px}.empty-state{background:var(--white);border:1px solid var(--line);padding:30px;color:var(--muted);font-size:12px;grid-column:1/-1;text-align:center}
@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-shell{padding-top:52px}.page-hero h1{font-size:36px}}
@media(max-width:650px){.page-shell{padding:42px 20px 60px;min-height:calc(100vh - 65px)}.page-hero{display:block;padding-bottom:23px}.page-hero h1{font-size:31px}.page-back{display:inline-block;margin-top:20px}.page-stats{grid-template-columns:repeat(2,1fr)}.page-stats>div:nth-child(2n){border-right:0}.page-stats>div:nth-child(n+3){border-top:1px solid var(--line)}.page-toolbar{display:block}.page-toolbar label{margin-bottom:12px;min-width:0}.page-toolbar .primary-button,.page-toolbar .outline-button{display:inline-block;margin:5px 0 0}.toolbar-note{display:block;padding:10px 0}.library-grid,.service-detail-grid,.principle-grid,.detail-layout{grid-template-columns:1fr}.service-detail-card,.service-detail-card:nth-child(2n){border-right:0}.resource-grid{grid-template-columns:1fr}.process-band{display:block;padding:28px 22px}.process-band ol{margin-top:25px}.form-grid{grid-template-columns:1fr}.form-actions{display:block}.form-actions .primary-button{display:inline-block;margin-bottom:10px}.detail-main,.detail-aside,.request-form{padding:20px}.database-summary{display:block}.database-count{text-align:left;margin-top:18px}.detail-actions{display:block}.detail-actions a{display:inline-block;margin:4px 0}.filter-tabs{margin-bottom:12px;flex-wrap:wrap}}
@media(min-width:1101px){.six-grid,.database-grid,.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.six-grid .info-card{min-height:168px}.database-grid .info-card{min-height:155px}.service-item{min-height:132px}}
@media(min-width:651px) and (max-width:1100px){.six-grid,.database-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.page-shell{width:100%;max-width:100%;overflow-x:hidden}.page-shell *{min-width:0;max-width:100%}.page-hero,.page-stats,.page-toolbar,.library-grid,.library-card,.resource-grid,.resource-card{width:100%;max-width:100%}.library-grid{grid-template-columns:minmax(0,1fr)}.page-lead,.library-card p,.library-card b,.resource-card p,.service-detail-card p{overflow-wrap:anywhere;word-break:break-word}}
.validation-section{padding-bottom:76px}.validation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.validation-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:5px;padding:20px}.validation-top{display:flex;align-items:center;gap:10px;color:var(--jade)}.validation-top span{font-family:serif;font-size:15px;color:var(--gold)}.validation-top b{font-size:12px;font-weight:600}.validation-top em{margin-left:auto;font-style:normal;font-size:10px;color:#9b8662;background:#f5eee2;padding:3px 7px;border-radius:3px}.validation-card h3{font-family:serif;color:var(--jade-dark);font-size:19px;margin:14px 0 6px}.validation-card p{font-size:11px;color:var(--muted);margin:0 0 14px;line-height:1.7}.validation-card div:last-child{border-top:1px solid var(--line);padding-top:10px}.validation-card small{display:block;color:#9b8662;font-size:10px;margin-bottom:3px}.validation-card strong{display:block;font-size:11px;font-weight:500;color:var(--ink)}.validation-note{margin:15px 0 0;color:#7d8a82;font-size:11px;line-height:1.8;padding:12px 15px;background:#eef4ee;border-radius:4px}@media(max-width:650px){.validation-grid{grid-template-columns:1fr}}
@media(max-width:850px){.hero-copy h1{font-size:42px}}
@media(max-width:650px){.hero-copy h1{font-size:38px}}
/* 修正资料卡标题区布局 */
.library-card-top,.detail-status{display:flex;align-items:center;gap:10px;color:var(--jade);font-size:11px}

/* 本机表单、资料来源与管理记录 */
.form-feedback{color:var(--jade-dark);font-size:12px;line-height:1.7;margin:12px 0 0}
.source-note{color:#8a9890;font-size:11px;line-height:1.7;margin:14px 0}
.table-empty{text-align:center;color:#8a9890;padding:28px}
.table-wrap a{color:var(--jade);text-decoration:none}
.admin-records{display:grid;gap:12px;margin-top:20px}
.admin-record{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:18px}
.admin-record>div{display:flex;align-items:center;gap:10px;color:var(--jade);font-size:11px}
.admin-record>div span{color:#8a9890}
.admin-record>div em{margin-left:auto;color:#9b8662;font-style:normal}
.admin-record h3{font-family:serif;color:var(--jade-dark);font-size:18px;margin:10px 0 6px}
.admin-record p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}
.admin-record small{display:block;color:#8a9890;margin-top:10px}
.admin-form{max-width:520px}
.admin-record p{white-space:pre-wrap;overflow-wrap:anywhere}
.admin-record .admin-metrics{margin-top:12px}
a.link-button,a.outline-button{text-decoration:none;display:inline-block}
.detail-aside .primary-button,.detail-aside .outline-button{display:inline-block;margin-top:12px}
button.primary-button{border:0;cursor:pointer;font-family:inherit}
button:disabled{opacity:.6;cursor:wait}
.form-feedback:empty{display:none}

@media(min-width:651px) and (max-width:1100px){
  .site-header{height:70px}
  .main-nav,.header-actions{display:none}
  .menu-button{display:block;margin-left:auto}
  .main-nav.open{display:flex;position:absolute;left:0;right:0;top:70px;background:var(--paper);padding:10px 28px;flex-direction:column;align-items:flex-start;gap:0;border-bottom:1px solid var(--line);z-index:10}
  .main-nav.open a{padding:10px 0;width:100%}
}
@media(max-width:650px){
  .page-shell .table-wrap{width:100%;max-width:100%;overflow-x:auto}
  .page-shell .table-wrap table{width:100%;min-width:760px;max-width:none}
  .page-shell .table-wrap th,.page-shell .table-wrap td{max-width:none}
  .info-card p,.validation-card p,.validation-card strong,.library-card p,.resource-card p,.service-detail-card p,.detail-block p,.detail-aside p,.notice-panel p{font-size:13px}
  .admin-record>div{flex-wrap:wrap}
  .page-toolbar label,.request-form label{font-size:13px}
  .request-form input,.request-form select,.request-form textarea{font-size:16px}
  .table-wrap table{font-size:12px}
}

/* ---------- 工厂节流板块 ---------- */
.plain-list { margin: 10px 0 0; padding-left: 18px; display: grid; gap: 6px; }
.plain-list li { font-size: 13px; line-height: 1.6; color: var(--text-muted, #5b6472); }
.tech-tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.tech-tag { position: static; display: inline-block; padding: 3px 9px; border-radius: 999px; background: rgba(44, 102, 91, .09); font-size: 12px; color: #2c665b; }
.library-card strong { display: block; margin-top: 10px; font-size: 15px; color: var(--accent, #b45309); }

/* 首页第三张入口卡（工厂节流）：三卡并排，窄屏回落为单列 */
.entry-section { grid-template-columns: repeat(3, 1fr); }
.entry-savings { background: #eef3ee; color: var(--ink); }
.entry-savings .entry-icon { color: var(--jade); }
@media (max-width: 980px) { .entry-section { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .entry-section { display: block; } .entry-card + .entry-card { margin-top: 13px; } }

/* ---------- 首页「工厂节流方案」板块 ---------- */
.savings-section { padding-top: 8px; }
.savings-lead { max-width: 760px; color: var(--muted); font-size: 14px; line-height: 1.9; margin: 0 0 26px; }
.savings-stats { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); background: var(--white); border-radius: 5px; overflow: hidden; margin-bottom: 18px; }
.savings-stats div { padding: 20px 18px; border-right: 1px solid var(--line); }
.savings-stats div:last-child { border-right: 0; }
.savings-stats strong { display: block; font-family: serif; font-size: 26px; color: var(--jade-dark); font-weight: 600; }
.savings-stats span { display: block; font-size: 12px; color: var(--muted); margin-top: 4px; }
.savings-groups { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 24px; }
.savings-groups article { background: #fbfcfa; border: 1px solid var(--line); border-radius: 5px; padding: 20px 18px; }
.savings-groups h3 { font-family: serif; font-size: 17px; color: var(--jade-dark); margin: 0 0 8px; }
.savings-groups p { font-size: 12px; line-height: 1.8; color: var(--muted); margin: 0; }
.savings-cta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.savings-note { font-size: 12px; color: var(--muted); }
@media (max-width: 850px) {
  .savings-stats { grid-template-columns: repeat(2, 1fr); }
  .savings-stats div:nth-child(2n) { border-right: 0; }
  .savings-stats div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .savings-groups { grid-template-columns: 1fr; }
}

/* 四宫格：使命/愿景/价值观/定位、四步服务流程 —— 2×2 对称，不留孤行 */
.quad-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-bottom: 32px; }
.quad-grid article { background: var(--white); border: 1px solid var(--line); border-radius: 5px; padding: 24px 22px; border-top: 2px solid var(--gold); }
.quad-grid span { display: block; font-family: serif; font-size: 15px; color: var(--gold); margin-bottom: 12px; }
.quad-grid h3 { font-family: serif; font-size: 20px; color: var(--jade-dark); margin: 0 0 10px; }
.quad-grid p { font-size: 13px; line-height: 1.85; color: var(--muted); margin: 0; }
.quad-grid ul.plain-list { margin: 0; }
@media (max-width: 720px) { .quad-grid { grid-template-columns: minmax(0, 1fr); } }

/* 节流页：卡片标头放大（原来 10px 太小），只作用于本页，不影响其他页卡片 */
.energy-page .library-card-top span { font-size: 15px; font-weight: 600; color: var(--jade-dark); letter-spacing: .02em; }
.energy-page .library-card-top em { font-size: 12px; padding: 3px 9px; }
.energy-page .library-card h3 { font-size: 21px; line-height: 1.5; }
.energy-page .library-card p { font-size: 13px; line-height: 1.85; }
.energy-page .library-card strong { font-size: 17px; }
.energy-page .tech-tag { font-size: 13px; padding: 4px 11px; }
.energy-page .section-heading h2 { font-size: 30px; }
.energy-page .eyebrow { font-size: 11px; }

/* ---------- 通用 UI 图标 ---------- */
.ui-icon { display: block; color: var(--jade); flex: none; }
.card-icon { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: rgba(44, 102, 91, .08); color: var(--jade); margin-bottom: 14px; }
.card-icon .ui-icon { color: var(--jade); }

/* 四宫格步骤：图标 + 序号并排 */
.quad-top { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.quad-top span { font-family: serif; font-size: 15px; color: var(--gold); margin: 0; }
.quad-top .ui-icon { color: var(--jade); }

/* 案例对比条 */
.case-bar { margin: 14px 0 2px; }
.case-bar > div { height: 8px; border-radius: 999px; background: rgba(44, 102, 91, .1); overflow: hidden; }
.case-bar > div > span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #6aa38f, #2c665b); }
.case-bar small { display: block; margin-top: 6px; font-size: 12px; color: var(--muted); }

/* 节能蓝图 */
.blueprint-wrap { background: var(--white); border: 1px solid var(--line); border-radius: 6px; padding: 20px 18px; margin-bottom: 30px; }
.blueprint { display: block; width: 100%; height: auto; }
@media (max-width: 720px) { .blueprint-wrap { padding: 12px 8px; overflow-x: auto; } .blueprint { min-width: 620px; } }

/* ---------- 服务流程时间轴 ---------- */
.timeline { list-style: none; margin: 8px 0 34px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; position: relative; }
.timeline::before { content: ""; position: absolute; top: 19px; left: 6%; right: 6%; height: 2px; background: linear-gradient(90deg, rgba(184,146,82,.1), rgba(184,146,82,.55), rgba(184,146,82,.1)); }
.timeline > li { position: relative; padding: 0 14px; text-align: left; }
.timeline-dot { width: 38px; height: 38px; border-radius: 50%; background: var(--white); border: 1px solid rgba(184,146,82,.45); display: grid; place-items: center; position: relative; z-index: 1; margin-bottom: 16px; box-shadow: 0 0 0 6px var(--paper); }
.timeline-dot .ui-icon { color: var(--jade); }
.timeline-body h3 { font-family: serif; font-size: 19px; color: var(--jade-dark); margin: 4px 0 8px; }
.timeline-no { font-family: serif; font-size: 13px; color: var(--gold); letter-spacing: .08em; }
.timeline-body .plain-list { margin: 0; padding-left: 16px; }
.timeline-body .plain-list li { font-size: 12.5px; }
@media (max-width: 900px) {
  .timeline { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .timeline::before { display: none; }
  .timeline > li { display: grid; grid-template-columns: 38px 1fr; gap: 14px; padding: 0; }
  .timeline-dot { margin-bottom: 0; box-shadow: none; }
}

/* ---------- 案例环形图 ---------- */
.case-visual { display: flex; align-items: center; gap: 16px; margin: 16px 0 4px; }
.donut { flex: none; }
.case-visual-text { flex: 1; min-width: 0; }
.case-visual-text .case-bar { margin: 0 0 6px; }
.case-visual-text small { font-size: 12px; color: var(--muted); line-height: 1.6; display: block; }

/* ---------- 全站卡片视觉统一 ---------- */
/* 严重度分段条（替代纯星星符号） */
.sev-bar { display: inline-flex; gap: 3px; align-items: center; }
.sev-bar i { width: 12px; height: 4px; border-radius: 2px; background: rgba(44, 102, 91, .14); }
.sev-bar i.on { background: linear-gradient(90deg, #b89252, #8f6f36); }

/* 资料库卡：符号块里的图标居中 */
.resource-card .card-symbol { color: var(--jade); }
.resource-card .card-symbol .ui-icon { margin: 0 auto; }

/* 服务卡：图标 + 序号块 */
.service-detail-icon { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 46px; }
.service-detail-icon .ui-icon { color: var(--jade); }
.service-detail-icon span { font-family: serif; font-size: 14px; color: var(--gold); }

/* 详情页：顶部图标 + 关键指标行 */
.detail-head { display: flex; align-items: center; gap: 14px; margin-bottom: 6px; }
.detail-head .card-icon { margin-bottom: 0; }
.detail-head .eyebrow { margin: 0; }
.detail-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border: 1px solid var(--line); background: var(--white); border-radius: 5px; overflow: hidden; margin: 18px 0 22px; }
.detail-stats div { padding: 14px 16px; border-right: 1px solid var(--line); }
.detail-stats div:last-child { border-right: 0; }
.detail-stats span { display: block; font-size: 11px; color: var(--muted); margin-bottom: 4px; }
.detail-stats b { display: block; font-size: 14px; color: var(--jade-dark); font-weight: 600; line-height: 1.6; }

/* 平台价值：三项原则的图标 */
.principle-grid article { position: relative; }
.principle-grid article .ui-icon { color: var(--jade); margin-bottom: 14px; }

/* 可访问性：文字链接的触控区补到 ≥24px（原来只有 17~21px，移动端不好点） */
.touch-target, .link-button, .section-link, .card-action, .text-link, .small-button {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.5;
}
.card-action { padding-top: 6px; padding-bottom: 6px; }

/* ============ 大色块优化 ============
   1. 两块深色区分：入口卡用「冷深青」，底部价值带用「暖深墨 + 微光 + 点阵」，同页不再重复同一色
   2. 三张入口卡形成色阶：深青（痛点）→ 冷雾青（方案）→ 暖砂（节流），语义与冷暖对应
   3. 深色块加渐变与内高光，避免大面积平涂
   4. 用点阵纹理 + 金色细边，把大色块从"色块"变成"有质感的版块"
*/
.entry-supply {
  background: linear-gradient(158deg, #1d3238 0%, #16242a 78%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}
.entry-demand {
  background: linear-gradient(158deg, #eaf2f4 0%, #e0e9ec 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
.entry-savings {
  background: linear-gradient(158deg, #f6f0e5 0%, #eee5d4 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
  border-top: 2px solid rgba(183, 123, 57, .5);
}
/* 底部价值带：暖深墨 + 顶部金色细边 + 极淡点阵，和入口卡的冷深青区分开 */
.insight-section {
  background:
    radial-gradient(1100px 380px at 12% -10%, #22333a 0%, #18262b 58%),
    #172026;
  border-top: 2px solid rgba(183, 123, 57, .55);
  position: relative;
  overflow: hidden;
}
.insight-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}
.insight-section > * { position: relative; z-index: 1; }
/* 节流首页板块：与入口卡的暖色呼应，用淡淡的暖雾底 */
.savings-section { position: relative; }
.savings-groups article { background: linear-gradient(160deg, #fdfaf5, #f7f2e8); border-color: #ece3d3; }
.savings-stats { border-color: #e6ddcd; }
.savings-stats div { background: linear-gradient(180deg, #fffdf9, #faf6ee); }

/* 深色带上强调色必须是浅色：原来沿用 --jade(#355f68)，深青叠深墨几乎不可读 */
.insight-section h2 em { color: #d8b47e; }
.insight-section .eyebrow { color: #d8b47e; }
.insight-section .insight-points span { color: #c3d6c9; }

/* ---------- 页面切换动画 ---------- */
main { transition: opacity .13s ease, transform .13s ease; }
main.route-out { opacity: 0; transform: translateY(-8px); }
main.route-in { animation: pageIn .36s cubic-bezier(.22, .61, .36, 1) both; }
@keyframes pageIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}
/* 尊重系统「减少动态效果」设置 */
@media (prefers-reduced-motion: reduce) {
  main, main.route-out, main.route-in { transition: none !important; animation: none !important; opacity: 1 !important; transform: none !important; }
}

/* ============ 方块的厚度与阴影 ============
   两级：① 底部 2px 实边（读作"厚度"）② 柔和投影（读作"离地高度"）
   悬停时抬升 2px 并加深阴影，形成可点击的体感。
*/
:root {
  /* 顶部高光（斜面）+ 接触阴影 + 3px 实底边（厚度）+ 柔和投影 */
  --card-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(23, 38, 44, .07), 0 3px 0 #d6dfe2, 0 14px 26px -14px rgba(23, 38, 44, .30);
  --card-shadow-hover: inset 0 1px 0 #fff, 0 1px 0 rgba(23, 38, 44, .08), 0 4px 0 #ccd7db, 0 26px 42px -18px rgba(23, 38, 44, .38);
  --dark-shadow: 0 2px 0 rgba(0, 0, 0, .28), 0 16px 30px -14px rgba(12, 22, 26, .55);
  --pad-card: 1px;
}

.library-card,
.resource-card,
.service-detail-card,
.quad-grid article,
.principle-grid article,
.savings-groups article,
.savings-stats,
.page-stats,
.detail-stats,
.notice-panel,
.info-card,
.cost-panel,
.process-card,
.validation-card {
  box-shadow: var(--card-shadow);
  transition: transform .2s ease, box-shadow .2s ease;
}
.library-card:hover,
.resource-card:hover,
.service-detail-card:hover,
.quad-grid article:hover,
.principle-grid article:hover,
.savings-groups article:hover {
  transform: translateY(-2px);
  box-shadow: var(--card-shadow-hover);
}

/* 入口卡：深色那张用更沉的阴影，浅色两张用常规阴影 */
.entry-card { box-shadow: var(--card-shadow); transition: transform .2s ease, box-shadow .2s ease; }
.entry-card:hover { transform: translateY(-2px); box-shadow: var(--card-shadow-hover); }
.entry-supply { box-shadow: var(--dark-shadow); }
.entry-supply:hover { box-shadow: 0 3px 0 rgba(0, 0, 0, .3), 0 24px 44px -18px rgba(12, 22, 26, .7); }

/* 时间轴圆点也给它一点体感，与卡片同一套光照 */
.timeline-dot { box-shadow: 0 0 0 6px var(--paper), 0 6px 14px -6px rgba(23, 38, 44, .22); }

/* 表格 / 列表类容器同样加底边，避免"贴纸感" */
.plain-list li { border-bottom: 0; }

/* ============ 动效：点的强调 / 面的进场 / 线的流动 ============ */
/* 面：滚动进场（错峰由 JS 写 inline transition-delay） */
.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .55s cubic-bezier(.22,.61,.36,1), transform .55s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}
.reveal.in { opacity: 1; transform: none; }

/* 点：数字用等宽数字宽度，滚动时不会左右跳动 */
.counter { font-variant-numeric: tabular-nums; }

/* 线：蓝图虚线箭头持续流动，表达"能量在走" */
@keyframes dashFlow { to { stroke-dashoffset: -36; } }

/* 严重度分段：进场时逐格点亮 */
.sev-bar i { transition: background .28s ease; }
.reveal:not(.in) .sev-bar i.on { background: rgba(44, 102, 91, .14); }
.reveal.in .sev-bar i.on { background: linear-gradient(90deg, #b89252, #8f6f36); }

/* 时间轴圆点：进场时轻微放大落定 */
.timeline-dot { transition: transform .45s cubic-bezier(.34,1.56,.64,1); }
.reveal:not(.in) .timeline-dot { transform: scale(.82); }

/* 尊重系统设置 */
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal.in { opacity: 1 !important; transform: none !important; transition: none !important; }
  .blueprint line[stroke-dasharray] { animation: none !important; }
  .timeline-dot, .sev-bar i { transition: none !important; }
}

/* ---------- 首页：3D 舞台独立成整宽板块 ---------- */
.hero-section { grid-template-columns: minmax(0, 1fr); padding-bottom: 40px; }
.hero-copy h1 { max-width: 720px; }
.hero-lead { max-width: 660px; }
.stage-section { padding-bottom: 54px; }
.product-stage.stage-wide {
  /* 关键：canvas 用 position:absolute; inset:0 铺满，舞台本身必须是定位上下文，
     否则 canvas 会以视口为参照，渲染尺寸变成整屏（导致模型错位/被裁切）。 */
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1180 / 520;
  max-height: 560px;
  border-radius: 8px;
  box-shadow: 0 2px 0 #cdd8db, 0 26px 50px -22px rgba(23, 38, 44, .42);
}
.stage-wide .hero-caption { left: 34px; bottom: 30px; }
.stage-wide .hero-caption strong { font-size: 26px; }
@media (max-width: 850px) {
  .product-stage.stage-wide { aspect-ratio: 4 / 3; }
  .stage-wide .hero-caption { left: 20px; bottom: 18px; }
  .stage-wide .hero-caption strong { font-size: 19px; }
}

/* ---------- hero：大字 + 一组安静的数字 ----------
   之前两次都不理想，根因是两边都在"说话"：左三行大字 + 长导语，右边一张信息密集的小卡，
   颜色、密度、语言都不一致，重心分裂。
   现在右栏只留"三个数字 + 一个链接"，同色系、极简、不加底色，用体量差承担次要层级。
*/
.hero-section { grid-template-columns: minmax(0, 1.28fr) minmax(0, .72fr); align-items: end; gap: 70px; padding: 64px 28px 56px; }
.hero-copy h1 { font-size: 56px; line-height: 1.18; letter-spacing: 1.4px; margin-bottom: 26px; }
.hero-copy .hero-lead { font-size: 14.5px; line-height: 1.95; color: var(--muted); max-width: 520px; margin-bottom: 34px; }
.hero-stats { padding-bottom: 6px; }
.hero-stats .eyebrow { font-size: 9.5px; letter-spacing: 1.8px; margin-bottom: 18px; }
.hero-stats ul { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 0; }
.hero-stats li { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.hero-stats li:first-child { border-top: 1px solid var(--line); }
.hero-stats strong { font-family: serif; font-size: 30px; font-weight: 600; color: var(--jade-dark); letter-spacing: .5px; font-variant-numeric: tabular-nums; line-height: 1; }
.hero-stats span { font-size: 12px; color: var(--muted); line-height: 1.5; }
.hero-stats-link { display: inline-flex; align-items: center; gap: 7px; color: var(--jade); text-decoration: none; font-size: 13px; }
.hero-stats-link span { transition: transform .2s ease; }
.hero-stats-link:hover span { transform: translateX(3px); }
@media (max-width: 980px) {
  .hero-section { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 30px; padding: 44px 20px 40px; }
  .hero-stats { padding-top: 26px; border-top: 1px solid var(--line); }
  .hero-stats .eyebrow { margin-bottom: 12px; }
  .hero-copy h1 { font-size: 33px; line-height: 1.22; }
  .hero-stats strong { font-size: 24px; }
  .hero-stats .eyebrow { letter-spacing: 1.2px; }
}

/* ---------- 团队卡：姓名 + 职位副标题（之前职位塞进窄图标列，长职位被挤成竖排） ---------- */
.team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.team-card { background: var(--white); border: 1px solid var(--line); border-radius: 6px; padding: 22px 22px 18px; box-shadow: var(--card-shadow); transition: transform .2s ease, box-shadow .2s ease; }
.team-card:hover { transform: translateY(-2px); box-shadow: var(--card-shadow-hover); }
.team-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.team-head .ui-icon { color: var(--jade); flex: none; }
.team-head h3 { font-family: serif; font-size: 19px; color: var(--jade-dark); margin: 0 0 3px; }
.team-role { font-size: 11.5px; color: var(--gold); margin: 0; letter-spacing: .04em; }
.team-card .plain-list { margin: 0; padding-left: 16px; }
.team-card .plain-list li { font-size: 12.5px; }
@media (max-width: 760px) { .team-grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- 零件图谱（3D 舞台内的抽屉面板） ---------- */
.atlas-panel {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(560px, 52%);
  padding: 20px 20px 16px;
  background: linear-gradient(180deg, rgba(16, 24, 28, .97), rgba(12, 19, 23, .98));
  border-left: 1px solid rgba(255, 255, 255, .08);
  backdrop-filter: blur(8px);
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transform: translateX(102%);
  opacity: 0;
  pointer-events: none;
  transition: transform .34s cubic-bezier(.22,.61,.36,1), opacity .28s ease;
}
.atlas-panel.open { transform: none; opacity: 1; pointer-events: auto; }
.atlas-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.atlas-kicker { font-size: 8.5px; letter-spacing: 2px; color: #b89252; margin: 0 0 6px; }
.atlas-head h3 { font-family: serif; font-size: 20px; color: #eef4f2; margin: 0; letter-spacing: .5px; }
.atlas-count { text-align: right; flex: none; }
.atlas-count strong { display: block; font-family: serif; font-size: 26px; color: #eef4f2; line-height: 1; }
.atlas-count span { display: block; font-size: 10px; color: #8fa0a6; margin-top: 4px; }
.atlas-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.atlas-tab { border: 1px solid rgba(255, 255, 255, .14); background: transparent; color: #b9c8cd; font: inherit; font-size: 11.5px; padding: 5px 10px; border-radius: 4px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.atlas-tab em { font-style: normal; font-size: 10px; color: #7d8f95; }
.atlas-tab.active { border-color: #b89252; color: #f0e6d2; }
.atlas-tab.active em { color: #b89252; }
.atlas-grid { flex: 1; overflow-y: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; align-content: start; padding-right: 4px; }
.atlas-grid::-webkit-scrollbar { width: 6px; }
.atlas-grid::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .16); border-radius: 3px; }
.atlas-item { display: flex; align-items: center; gap: 9px; text-align: left; border: 1px solid rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .03); color: #d9e3e5; font: inherit; font-size: 12px; padding: 9px 10px; border-radius: 4px; cursor: pointer; transition: background .16s ease, border-color .16s ease; }
.atlas-item:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .22); }
.atlas-item.active { border-color: #b89252; background: rgba(184, 146, 82, .14); }
.atlas-no { font-family: serif; font-size: 11px; color: #b89252; flex: none; min-width: 16px; }
.atlas-name { line-height: 1.35; }
.atlas-hint { font-size: 11px; color: #8fa0a6; margin: 0; line-height: 1.6; }
@media (max-width: 850px) {
  .atlas-panel { width: 100%; border-left: 0; border-top: 1px solid rgba(255, 255, 255, .1); }
  .atlas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}