*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
:root{--ac:#2b7a3b;--ac2:#1d6330;--ink:#132015;--ink2:#263428;--mu:#3f4d41;--bg:#f5f8f3;--ln:rgba(30,70,35,.12)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 Roboto,"Noto Sans SC","PingFang SC","Microsoft YaHei","Segoe UI",-apple-system,sans-serif}
a{color:var(--ac2)}a:focus-visible{outline:3px solid var(--ac);outline-offset:2px;border-radius:8px}
/* 应用栏 + 筛选片 */
.ab{position:relative;background:linear-gradient(180deg,#e4f0e0,#eef5eb);border-bottom:1px solid var(--ln);box-shadow:0 6px 20px rgba(30,70,35,.06)}
.ab .in{max-width:1100px;margin:0 auto;padding:0 20px;height:72px;display:flex;align-items:center;gap:14px}
.ic{display:flex;align-items:center;gap:13px;min-height:48px;text-decoration:none;color:var(--ink);min-width:0}
.ic i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font:800 18px/1 "Microsoft YaHei","PingFang SC",sans-serif;font-style:normal;color:#fff;
background:linear-gradient(150deg,#3f9c52,#22662f);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(10,40,15,.25),0 6px 14px rgba(30,100,45,.25)}
.ic b{display:block;font-size:18px;line-height:1.3;white-space:nowrap}.ic small{display:block;font-size:12.5px;line-height:1.4;color:var(--mu)}
.dt{margin-left:auto;font-size:13px;color:var(--mu);white-space:nowrap;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--ln)}
.chips{max-width:1100px;margin:0 auto;padding:4px 20px 16px}
.chips .row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.chips a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;color:var(--ink2);text-decoration:none;font-size:14.5px;font-weight:500;white-space:nowrap;
background:rgba(255,255,255,.85);border:1px solid rgba(30,70,35,.16);box-shadow:0 1px 2px rgba(30,70,35,.05);transition:transform .15s,box-shadow .15s,background .15s}
.chips a:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(30,70,35,.08),0 6px 14px rgba(30,70,35,.08)}
.chips a.on{background:#cfe7c8;border-color:rgba(43,122,59,.4);color:#0f2a14;font-weight:700}.chips a.on::before{content:"✓";font-weight:800;color:var(--ac2)}
/* 正文卡片 */
.wrap{max-width:900px;margin:0 auto;padding:26px 16px 120px}
.card{background:#fff;border-radius:20px;padding:32px 50px 44px;border:1px solid var(--ln);
box-shadow:0 1px 2px rgba(20,50,25,.06),0 4px 12px rgba(20,50,25,.04),0 20px 44px rgba(20,60,25,.07)}
.crumb{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:14px;color:var(--mu);margin:0 0 14px}.crumb a{color:var(--mu)}.crumb i{font-style:normal}
.card h1{font-size:30px;line-height:1.4;color:var(--ink);margin:0;padding:15px 20px;background:linear-gradient(180deg,#eef7eb,#e5f2e1);border:1px solid rgba(43,122,59,.2);
border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(20,60,25,.05),0 8px 20px rgba(20,60,25,.07);overflow-wrap:anywhere}
.by{display:inline-block;font-size:13.5px;color:var(--ink2);margin:14px 0 0;padding:2px 12px;border-radius:999px;background:#f0f6ee;border:1px solid rgba(30,70,35,.1)}
.ld{font-size:17px;line-height:1.85;color:var(--ink2);margin:20px 0 28px}
.vd{max-width:42em;font-size:17px;line-height:1.85;color:var(--ink)}
.vd p{margin:0 0 1.15em}.vd a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.vd h2{position:relative;font-size:21px;line-height:1.5;color:var(--ink);margin:38px 0 14px;padding:10px 16px 9px 24px;background:#f0f7ee;border:1px solid rgba(43,122,59,.13);border-radius:14px;overflow-wrap:anywhere}
.vd h2::before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:5px;border-radius:5px;background:var(--ac)}
.vd .sec:first-child h2{margin-top:4px}
.vd h3{position:relative;width:fit-content;max-width:100%;font-size:18px;line-height:1.55;color:var(--ink);margin:26px 0 8px;padding:4px 14px 4px 18px;background:#f7fbf6;border:1px solid rgba(43,122,59,.1);border-radius:10px;overflow-wrap:anywhere}
.vd h3::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:3px;border-radius:3px;background:#5fa56d}
.vd ul,.vd ol{padding-left:1.5em;margin:0 0 1.15em}.vd li{margin:6px 0}.vd li::marker{color:var(--ac)}
.vd code{font:.9em/1.5 "Roboto Mono",ui-monospace,Consolas,monospace;color:var(--ink);background:#f0f5ee;border:1px solid #dde8d9;border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.vd pre{margin:0 0 1.2em;padding:14px 16px;overflow-x:auto;background:#f7faf6;border:1px solid #e0eadc;border-radius:12px}
.vd pre code{display:block;white-space:pre;background:none;border:0;padding:0;overflow-wrap:normal}
.vd .tip{margin:0 0 1.2em;padding:12px 16px;background:#f2f8f0;border:1px solid #d5e7cf;border-radius:14px}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 24px;max-width:100%;border:1px solid #e0e9dc;border-radius:14px;background:#fff}
.vd table{border-collapse:collapse;width:100%;font-size:15.5px;line-height:1.7}
.vd th{text-align:left;font-weight:700;font-size:14.5px;color:var(--ink);padding:10px 12px;background:#f1f7ef;border-bottom:1px solid #d8e5d3}
.vd td{padding:9px 12px;border-bottom:1px solid #edf3eb;vertical-align:top;min-width:6em}.vd tbody tr:last-child td{border-bottom:0}
.acts{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.acts a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:14px;background:#cfe7c8;color:#0f2a14;text-decoration:none;font-weight:650}
/* 接着读：卡片组 */
.more{margin:26px 0 0}
.more h2{font-size:13.5px;font-weight:700;letter-spacing:.08em;color:var(--mu);margin:0 6px 10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.grid a{display:block;min-height:84px;padding:14px 16px;border-radius:16px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--ln);
box-shadow:0 1px 2px rgba(20,50,25,.05),0 6px 16px rgba(20,60,25,.05);transition:transform .15s,box-shadow .15s}
.grid a:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(20,50,25,.06),0 12px 26px rgba(20,60,25,.1)}
.grid small{display:inline-block;font-size:12.5px;line-height:1.5;color:var(--ink2);padding:1px 9px;border-radius:999px;background:#eaf3e7}.grid b{display:block;font-size:16px;margin-top:6px;line-height:1.45}
/* 页脚面板 */
.ft{margin:30px 0 0;padding:22px 24px 16px;border-radius:22px;background:#e9f1e6;border:1px solid var(--ln)}
.fgd{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;font-size:14.5px;line-height:1.75;color:var(--ink2)}.fgd>div:first-child{grid-column:1/-1}
.ft h4{margin:0 0 6px;font-size:13.5px;letter-spacing:.06em;color:var(--ink)}.ft p{margin:0}.ft ul{list-style:none;margin:0;padding:0}.ft li a{color:var(--ink2);text-decoration:none}.ft li a:hover{color:var(--ac2);text-decoration:underline}
.fl{margin:16px 0 0;padding:10px 14px;background:rgba(255,255,255,.75);border-radius:12px;font-size:14.5px;color:var(--ink2)}.fl a{margin-right:14px}
.cp{margin:14px 0 0;font-size:13px;color:var(--mu)}
/* 加长浮动按钮 */
.fab{position:fixed;z-index:50;right:24px;bottom:24px;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px 0 16px;border-radius:18px;text-decoration:none;font-weight:700;font-size:15px;color:#fff;
background:linear-gradient(180deg,#1f6430,#185824);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 6px rgba(10,40,15,.2),0 12px 28px rgba(20,80,35,.3);transition:transform .15s,box-shadow .15s}
.fab:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 8px rgba(10,40,15,.2),0 18px 36px rgba(20,80,35,.34)}.fab:active{transform:none}
.fab span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);font-size:16px}
@media(min-width:761px){.fgd{grid-template-columns:1.6fr repeat(4,1fr)}.fgd>div:first-child{grid-column:auto}}
@media(max-width:760px){
.ab .in{height:62px;padding:0 12px;gap:10px}.ic i{width:38px;height:38px;font-size:16px}.ic b{font-size:16px}.ic small,.dt{display:none}
.chips{padding:2px 0 12px;position:relative}
.chips .row{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 34px 2px 12px}.chips .row::-webkit-scrollbar{display:none}
.chips::after{content:"";position:absolute;right:0;top:0;bottom:10px;width:34px;pointer-events:none;background:linear-gradient(90deg,rgba(238,245,235,0),#eef5eb)}
.wrap{padding:14px 10px 100px}
.card{border-radius:18px;padding:18px 16px 28px}
.crumb{margin:-6px 0 8px}.crumb a{display:inline-block;padding:10px 0}
.card h1{font-size:23px;padding:11px 14px;border-radius:14px}
.ld{font-size:16px;margin:16px 0 22px}
.vd{font-size:16px}.vd h2{font-size:18.5px;padding:8px 12px 7px 20px}.vd h2::before{left:8px;width:4px}.vd h3{font-size:16.5px}
.vd table{min-width:520px}
.tw::before{content:"⇆ 表格可左右滑动";position:sticky;left:0;display:block;width:max-content;font-size:13px;color:var(--mu);padding:8px 12px 2px}
.grid{grid-template-columns:1fr 1fr;gap:10px}.grid a{min-height:0}
.ft{padding:16px 16px 12px}.ft li a,.fl a{display:inline-block;padding:10px 0}
.fab{right:14px;bottom:14px;min-height:52px;padding:0 18px 0 12px;font-size:14.5px}}
@media(prefers-reduced-motion:reduce){.chips a,.grid a,.fab{transition:none!important}}
/* ===== 主题层：温室植物园 ===== */
.ab{border-bottom:0;border-radius:0 0 34px 34px;box-shadow:0 1px 0 rgba(30,70,35,.1),0 10px 28px rgba(30,70,35,.08);
background:radial-gradient(55% 140% at 92% -10%,rgba(176,220,160,.55),rgba(176,220,160,0) 70%),radial-gradient(45% 120% at 0 110%,rgba(206,236,190,.7),rgba(206,236,190,0) 70%),linear-gradient(180deg,#e2efdd,#eef6ea)}
.ab::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;overflow:hidden;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 120' width='320' height='120'%3E%3Cpath d='M330 120C280 96 250 70 236 30' fill='none' stroke='%233f8f4f' stroke-opacity='.3' stroke-width='1.6'/%3E%3Cg transform='translate(236 34) rotate(-70) scale(0.9)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%234f9d5c' fill-opacity='0.2'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%234f9d5c' stroke-opacity='0.38' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(250 62) rotate(-20) scale(1.1)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%233f8f4f' fill-opacity='0.17'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%233f8f4f' stroke-opacity='0.35' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(272 86) rotate(200) scale(0.8)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.2'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.38' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(292 100) rotate(-48) scale(1.0)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%232f7a3e' fill-opacity='0.13'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%232f7a3e' stroke-opacity='0.31' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(170 112) rotate(-35) scale(0.7)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.14'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.32' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") right -6px bottom -4px/330px 124px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110' width='220' height='110'%3E%3Cpath d='M-10 0C40 20 70 50 84 104' fill='none' stroke='%233f8f4f' stroke-opacity='.26' stroke-width='1.4'/%3E%3Cg transform='translate(10 20) rotate(30) scale(0.8)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.16'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.33999999999999997' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(46 44) rotate(-10) scale(0.7)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%234f9d5c' fill-opacity='0.14'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%234f9d5c' stroke-opacity='0.32' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(70 80) rotate(60) scale(0.6)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.15'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.32999999999999996' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") left -8px top -6px/200px 100px no-repeat}
.ab .in,.ab .chips{position:relative;z-index:1}
.ic i{border-radius:50% 50% 50% 14px;background:linear-gradient(150deg,#1f6230,#164a22)}
.vd a{color:#154a23}
.chips a{border-radius:999px}
.chips a.on{background:#cde6c5;box-shadow:0 0 0 3px rgba(91,164,102,.16),0 2px 6px rgba(30,70,35,.1)}
.card{position:relative;border-radius:26px;box-shadow:0 1px 2px rgba(20,50,25,.06),0 4px 12px rgba(20,50,25,.04),0 22px 48px rgba(20,60,25,.08),0 0 0 6px rgba(206,232,196,.35)}
.card h1{position:relative;padding-right:60px;border-radius:20px 20px 20px 6px}
.card h1::after{content:"";position:absolute;right:16px;top:50%;width:30px;height:30px;margin-top:-15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5 28C10 20 16 12 28 4' fill='none' stroke='%232b7a3b' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 17C10 10 11 5 16 2C19 8 18 13 14 17Z' fill='%234f9d5c'/%3E%3Cpath d='M18 13C24 12 28 15 30 20C24 21 20 18 18 13Z' fill='%237cbc86'/%3E%3Cpath d='M9 23C5 21 2 17 3 12C8 13 10 18 9 23Z' fill='%237cbc86'/%3E%3C/svg%3E") center/contain no-repeat}
.grid a{position:relative;border-radius:22px 6px 22px 6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21C3 10 10 3 21 3C21 14 14 21 3 21Z' fill='%235aa466' fill-opacity='.5'/%3E%3Cpath d='M3 21L17 7' stroke='%232b7a3b' stroke-opacity='.6' stroke-width='1.2'/%3E%3C/svg%3E") right 12px top 12px/16px 16px no-repeat,#fff}
.ft{position:relative;margin-top:52px;border-radius:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 120' width='320' height='120'%3E%3Cpath d='M330 120C280 96 250 70 236 30' fill='none' stroke='%233f8f4f' stroke-opacity='.3' stroke-width='1.6'/%3E%3Cg transform='translate(236 34) rotate(-70) scale(0.9)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%234f9d5c' fill-opacity='0.2'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%234f9d5c' stroke-opacity='0.38' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(250 62) rotate(-20) scale(1.1)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%233f8f4f' fill-opacity='0.17'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%233f8f4f' stroke-opacity='0.35' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(272 86) rotate(200) scale(0.8)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.2'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.38' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(292 100) rotate(-48) scale(1.0)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%232f7a3e' fill-opacity='0.13'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%232f7a3e' stroke-opacity='0.31' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(170 112) rotate(-35) scale(0.7)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.14'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.32' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") right -10px bottom -8px/260px 98px no-repeat,radial-gradient(60% 100% at 0 0,rgba(214,236,204,.8),rgba(214,236,204,0) 70%),#e9f2e6}
.ft::before{content:"";position:absolute;left:24px;right:24px;top:-34px;height:24px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' width='120' height='24'%3E%3Cpath d='M0 14C20 4 40 4 60 14S100 24 120 14' fill='none' stroke='%233f8f4f' stroke-opacity='.55' stroke-width='1.5'/%3E%3Cpath d='M30 9C27 3 31-1 36 0C36 5 34 8 30 9Z' fill='%235aa466' fill-opacity='.6'/%3E%3Cpath d='M90 19C93 24 98 24 101 21C97 17 93 17 90 19Z' fill='%237cbc86' fill-opacity='.7'/%3E%3C/svg%3E") left center/120px 24px repeat-x;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
/* 叶形浮动按钮 */
.fab{border-radius:28px 8px 28px 8px;background:linear-gradient(160deg,#1c5e2d,#154f20)}
.fab span{border-radius:50% 6px 50% 6px;background:none;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
@media(max-width:760px){
.ab{border-radius:0 0 24px 24px}
.ab::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 120' width='320' height='120'%3E%3Cpath d='M330 120C280 96 250 70 236 30' fill='none' stroke='%233f8f4f' stroke-opacity='.3' stroke-width='1.6'/%3E%3Cg transform='translate(236 34) rotate(-70) scale(0.9)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%234f9d5c' fill-opacity='0.2'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%234f9d5c' stroke-opacity='0.38' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(250 62) rotate(-20) scale(1.1)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%233f8f4f' fill-opacity='0.17'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%233f8f4f' stroke-opacity='0.35' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(272 86) rotate(200) scale(0.8)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.2'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.38' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(292 100) rotate(-48) scale(1.0)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%232f7a3e' fill-opacity='0.13'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%232f7a3e' stroke-opacity='0.31' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(170 112) rotate(-35) scale(0.7)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.14'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.32' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") right -40px bottom -10px/240px 90px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110' width='220' height='110'%3E%3Cpath d='M-10 0C40 20 70 50 84 104' fill='none' stroke='%233f8f4f' stroke-opacity='.26' stroke-width='1.4'/%3E%3Cg transform='translate(10 20) rotate(30) scale(0.8)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.16'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.33999999999999997' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(46 44) rotate(-10) scale(0.7)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%234f9d5c' fill-opacity='0.14'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%234f9d5c' stroke-opacity='0.32' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(70 80) rotate(60) scale(0.6)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.15'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.32999999999999996' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") left -30px top -10px/150px 75px no-repeat}
.chips::after{z-index:2}
.card{border-radius:22px;box-shadow:0 1px 2px rgba(20,50,25,.06),0 4px 12px rgba(20,50,25,.04),0 16px 34px rgba(20,60,25,.08),0 0 0 4px rgba(206,232,196,.35)}
.card h1{padding-right:46px}.card h1::after{right:10px;width:24px;height:24px;margin-top:-12px}
.ft{margin-top:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 120' width='320' height='120'%3E%3Cpath d='M330 120C280 96 250 70 236 30' fill='none' stroke='%233f8f4f' stroke-opacity='.3' stroke-width='1.6'/%3E%3Cg transform='translate(236 34) rotate(-70) scale(0.9)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%234f9d5c' fill-opacity='0.2'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%234f9d5c' stroke-opacity='0.38' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(250 62) rotate(-20) scale(1.1)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%233f8f4f' fill-opacity='0.17'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%233f8f4f' stroke-opacity='0.35' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(272 86) rotate(200) scale(0.8)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.2'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.38' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(292 100) rotate(-48) scale(1.0)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%232f7a3e' fill-opacity='0.13'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%232f7a3e' stroke-opacity='0.31' stroke-width='1.4'/%3E%3C/g%3E%3Cg transform='translate(170 112) rotate(-35) scale(0.7)'%3E%3Cpath d='M0 0C18-22 58-30 100-24C86 8 50 26 0 0Z' fill='%236ab276' fill-opacity='0.14'/%3E%3Cpath d='M2 0C34-8 66-16 98-23' fill='none' stroke='%236ab276' stroke-opacity='0.32' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") right -30px bottom -8px/200px 75px no-repeat,radial-gradient(60% 100% at 0 0,rgba(214,236,204,.8),rgba(214,236,204,0) 70%),#e9f2e6}
.ft::before{left:12px;right:12px;top:-32px}
.fab{border-radius:24px 7px 24px 7px}}
/* ===== V14~V18 / V22（10-19）===== */
.vd a{color:#103d1c}
:root{--c1:#2b7a3b;--c2:#d39213;--c3:#cc5a3f;--c4:#2f80b8;--t1:#e4f1e0;--t2:#fdf2d8;--t3:#fbe7e0;--t4:#e3eff8;--r:18px;--trk:#ebf2e8;--c-ok:#2b7a3b;--c-no:#c2414b;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21C3 10 10 3 21 3c0 11-7 18-18 18z' fill='%23000'/%3E%3C/svg%3E")}
.chips a svg.i{width:18px;height:18px}.chips a.on::before{display:none}
.chips a.on svg.i{color:#fff;background:var(--c1);border-radius:50%;padding:3px;width:22px;height:22px}
.dt svg.i{width:16px;height:16px;margin-right:4px;vertical-align:-3px}
.grid a{background:#fff;padding-right:56px}.grid a svg.gi{position:absolute;right:12px;top:12px;width:34px;height:34px;padding:7px;border-radius:14px 4px 14px 4px;background:var(--kt)}
.ft h4 svg.i{width:17px;height:17px;margin-right:6px;vertical-align:-3px}
.vd h2 svg.hi{border-radius:14px 4px 14px 4px;background:var(--kt);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 20%,transparent)}
.vd h2{display:flex;align-items:center}
.vd .p-in{color:var(--ink2);background:linear-gradient(135deg,#eef7ea,#f8fbf4);border:1px solid rgba(43,122,59,.16);border-radius:24px 8px 24px 8px}
.vd .p-k{background:#fff8e7;border:1px solid rgba(211,146,19,.3);border-radius:18px}
.vd .p-n{background:#fff;border:1.5px dotted rgba(204,90,63,.55);border-radius:18px}
.vd .qi{border-radius:20px 8px 20px 8px}
/* 四类页面版式 */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:8px 24px;align-items:center;margin:0 0 24px}
.hero .illus{width:220px;height:auto;grid-row:1/4;grid-column:2}.hero .by{justify-self:start}
.wrap:has(.wide){max-width:1080px}.wide .vd{max-width:none}.wide .vd p,.wide .vd ul,.wide .vd ol{max-width:42em}.wide .vd .p-in,.wide .vd .p-k,.wide .vd .p-n{max-width:none}.wide .ld{max-width:42em}
.pg-table .vd th{background:#e4f1e0}.pg-table .vd tbody tr:nth-child(even) td{background:#f8fbf6}
.pg-faq .card-h{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pg-faq .card-h h1{flex:1 1 300px}
.pg-faq .card-h .faqi{width:58px;height:58px;padding:13px;border-radius:24px 8px 24px 8px;color:#fff;background:linear-gradient(150deg,#4f9d5c,var(--c1));box-shadow:0 8px 18px rgba(30,100,45,.25)}
.pg-faq .card-h .ld{flex-basis:100%}.pg-faq .card-h .by{flex:0 0 auto}
.pg-faq .vd .qi{background:none;border:0;box-shadow:none;padding:0;margin:0 0 22px}
.pg-faq .vd .qi h3{display:inline-flex;margin:0 0 10px;padding:10px 18px 10px 14px;border-radius:20px 20px 20px 6px;background:var(--kt);max-width:100%}
.pg-faq .vd .qi h3 svg.qc{display:none}
.pg-faq .vd .qi p{margin:0 0 0 26px;padding:2px 0 2px 18px;border-top:0;border-left:3px solid color-mix(in srgb,var(--k) 45%,#fff)}
@media(max-width:760px){
.hero{grid-template-columns:1fr}.hero .illus{grid-row:auto;grid-column:1;width:150px;margin:0 auto;order:-1}
.chips a svg.i{width:16px;height:16px}.chips a.on svg.i{width:20px;height:20px}
.pg-faq .card-h .faqi{width:48px;height:48px;padding:11px}
.pg-faq .vd .qi p{margin-left:6px;padding-left:14px}}
.spr{position:absolute;width:0;height:0;overflow:hidden}
svg.i{display:inline-block;flex:none;width:1.2em;height:1.2em;vertical-align:-.22em;color:var(--k,var(--c1));overflow:visible}
.k1{--k:var(--c1);--kt:var(--t1)}.k2{--k:var(--c2);--kt:var(--t2)}.k3{--k:var(--c3);--kt:var(--t3)}.k4{--k:var(--c4);--kt:var(--t4)}
.vd h2 svg.hi{width:32px;height:32px;padding:6px;margin:0 10px 0 0;vertical-align:-8px}
.vd .p-in,.vd .p-k,.vd .p-n,.vd .p-note{position:relative}
.vd .p-in{font-size:1.04em;padding:16px 20px 16px 58px;margin:0 0 26px}
.vd .p-k{padding:14px 18px 14px 54px;margin:4px 0 22px}
.vd .p-n{padding:13px 18px 13px 54px;margin:4px 0 22px}
.vd .p-note{font-size:.9em;line-height:1.8;color:var(--ink2);padding:2px 0 2px 34px;margin:-6px 0 22px}
.vd svg.pi{position:absolute;left:16px;top:15px;width:26px;height:26px}
.vd .p-in svg.pi{left:18px;top:17px;width:28px;height:28px}
.vd .p-note svg.pi{left:4px;top:5px;width:20px;height:20px}
.vd ul{list-style:none;padding-left:0}.vd ul>li{position:relative;padding-left:30px;margin:9px 0}
.vd ul>li::before{content:"";position:absolute;left:4px;top:.45em;width:16px;height:16px;background:var(--k,var(--c1));-webkit-mask:var(--mk) center/contain no-repeat;mask:var(--mk) center/contain no-repeat}
.vd ul>li:nth-child(4n+1){--k:var(--c1)}.vd ul>li:nth-child(4n+2){--k:var(--c2)}.vd ul>li:nth-child(4n+3){--k:var(--c3)}.vd ul>li:nth-child(4n){--k:var(--c4)}
.vd ol>li::marker{font-weight:800}
.vd ol>li:nth-child(4n+1)::marker{color:var(--c1)}.vd ol>li:nth-child(4n+2)::marker{color:var(--c2)}.vd ol>li:nth-child(4n+3)::marker{color:var(--c3)}.vd ol>li:nth-child(4n)::marker{color:var(--c4)}
.vd .qi{margin:0 0 14px;padding:4px 20px 6px;background:#fff;border:1px solid var(--ln);box-shadow:0 1px 2px rgba(20,30,60,.04),0 6px 16px rgba(20,30,60,.05)}
.vd .qi h3{display:flex;align-items:flex-start;gap:12px;width:auto;max-width:none;margin:12px 0 6px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font-size:17.5px}
.vd .qi h3::before,.vd .qi h3::after{display:none}
.vd .qi h3 svg.qh{width:26px;height:26px;margin-top:1px;color:var(--k)}
.vd .qi h3 svg.qc{width:20px;height:20px;margin:4px 0 0 auto;color:var(--mu);opacity:.6}
.vd .qi p{margin:0 0 10px 38px;padding-top:8px;border-top:1px dashed var(--ln)}
.vd .qi p+p{border-top:0;padding-top:0}
/* 数据图 */
.viz{margin:2px 0 26px;padding:16px 20px 12px;border:1px solid var(--ln);background:#fff;box-shadow:0 1px 2px rgba(20,30,60,.04),0 8px 22px rgba(20,30,60,.05)}
.viz .vt{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15.5px;line-height:1.5;color:var(--ink);margin:0 0 12px}
.viz .vt svg.i{width:28px;height:28px;padding:5px;border-radius:8px;background:var(--t1)}
.vg{display:grid;gap:8px}
.vr{display:grid;grid-template-columns:9.5em 1fr 12em;gap:14px;align-items:center;min-height:30px;font-size:14.5px;line-height:1.5;color:var(--ink2)}
.vr .vl{font-weight:650;color:var(--ink)}.vr .vv{color:var(--ink2);font-variant-numeric:tabular-nums}
.vk{position:relative;height:12px;border-radius:999px;background:var(--trk)}
.vb{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--k)}
.vx{position:absolute;inset:0;border-radius:999px;border:1.5px dashed var(--ln);background:#fff}
.vline{height:2px;background:var(--trk)}
.vdot{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--k);box-shadow:0 0 0 3px #fff,0 1px 4px rgba(20,30,60,.25)}
.vdot.ho{background:#fff;border:3px solid var(--k)}
.va{min-height:24px}.va .vk{height:1px;background:var(--ln)}
.va i{position:absolute;top:5px;transform:translateX(-50%);font-style:normal;font-size:12.5px;line-height:1.4;color:var(--mu);white-space:nowrap}
.va i::before{content:"";position:absolute;left:50%;top:-5px;width:1px;height:5px;background:var(--mu)}
.va i:first-child{transform:none}.va i:first-child::before{left:0}
.va i:last-child{transform:translateX(-100%)}.va i:last-child::before{left:auto;right:0}
.vc{margin:12px 0 0;padding-top:8px;border-top:1px solid var(--ln);font-size:13px;line-height:1.6;color:var(--mu)}
.vsc{overflow-x:auto;-webkit-overflow-scrolling:touch}
.vm{min-width:calc(8em + var(--n) * 7em);font-size:14px;line-height:1.45}
.mr{display:grid;grid-template-columns:8.5em repeat(var(--n),minmax(6.5em,1fr));gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid var(--trk)}
.mr:last-child{border-bottom:0}
.mh{font-size:13px;font-weight:700;color:var(--ink2);padding-top:0}
.ml{font-weight:650;color:var(--ink)}
.mc{display:inline-flex;align-items:center;gap:6px;color:var(--ink2)}
.mc svg.i,.mlg svg.i{width:18px;height:18px}
.sy svg.i{color:var(--c-ok)}.sn svg.i{color:var(--c-no)}.su svg.i{color:var(--mu)}.sp svg.i{color:var(--c4)}
.mlg{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;font-size:13px;color:var(--mu)}.mlg span{display:inline-flex;align-items:center;gap:5px}
.vs{display:flex;gap:3px;height:16px;border-radius:999px;overflow:hidden;margin:2px 0 12px}.vs span{background:var(--k)}
.vsl{display:grid;gap:6px;font-size:14px;line-height:1.6;color:var(--ink2)}
.vli{display:grid;grid-template-columns:14px auto 1fr;gap:10px;align-items:baseline}
.vli .sw{width:12px;height:12px;border-radius:4px;background:var(--k);align-self:center}.vli b{color:var(--ink);font-weight:650}
@media(max-width:760px){.vd h2 svg.hi{width:28px;height:28px;padding:5px;margin-right:8px;vertical-align:-7px}
.vd .p-in{padding:14px 14px 14px 48px}.vd .p-k,.vd .p-n{padding:12px 14px 12px 46px}.vd svg.pi{left:12px;top:13px;width:23px;height:23px}.vd .p-in svg.pi{left:13px;top:15px;width:24px;height:24px}
.vd .qi{padding:2px 14px 4px}.vd .qi p{margin-left:0}.vd .qi h3{font-size:16.5px;gap:10px}
.viz{padding:14px 12px 10px}.vr{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;font-size:14px}.vr .vk{grid-column:1/-1;grid-row:2}.vr .vv{font-size:13px;text-align:right}
.va .vl,.va .vv{display:none}.va .vk{grid-row:1}
.vsc::before{content:"⇆ 可左右滑动";position:sticky;left:0;display:block;width:max-content;font-size:12.5px;color:var(--mu);padding:0 0 4px}.vli{grid-template-columns:14px 1fr}.vli>span:last-child{grid-column:2}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
