:root{--ink:#263a2f;--forest:#244d3c;--deep:#183b2f;--muted:#7b897e;--paper:#f3f2e9;--card:#fffef9;--line:#dfE5d9;--lime:#dce8a5;--gold:#c4a462;--soft:#eef2e8;--sidebar:250px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Microsoft YaHei',sans-serif;font-size:14px}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b38c4e;outline-offset:3px}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#193b2e;color:#eaf0dd;padding:30px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:5px 8px 42px}.brand strong{display:block;font-family:'Noto Serif SC',serif;font-size:25px;letter-spacing:2px;line-height:1.15}.brand small{display:block;margin-top:7px;color:#a7baa7;font-size:8px;letter-spacing:1.7px}.brand-mark{position:relative;width:37px;height:37px;background:#e9ecb5;border-radius:50%;display:block;overflow:hidden;flex:none}.brand-mark span{position:absolute;left:7px;right:7px;height:13px;border:2px solid #25523c;border-radius:100% 100% 0 0;transform:rotate(-23deg)}.brand-mark span:nth-child(1){top:13px}.brand-mark span:nth-child(2){top:19px;left:3px}.brand-mark span:nth-child(3){top:25px;left:-2px}.nav-label{font-size:10px;letter-spacing:2.3px;color:#8da995;padding:0 15px;margin:0 0 13px}.main-nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:13px;padding:13px 15px;color:#b8cbb9;border-radius:7px;transition:.2s}.nav-link:hover,.nav-link.active{background:#315843;color:#f9f9ec}.nav-link.active{box-shadow:inset 3px 0 #d7e8a5}.nav-icon{font-size:19px;width:23px;line-height:1;text-align:center;color:#bfd0a8}.sidebar-bottom{margin-top:auto}.side-note{border:1px solid #426450;padding:16px 13px;border-radius:8px;line-height:1.8;color:#e6eedb}.side-note small{color:#9fb6a4;margin-left:16px;font-size:11px}.pulse-dot,.assistant-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d2e997;margin-right:7px;box-shadow:0 0 0 4px #d2e99720}.sidebar-caption{font-family:'Noto Serif SC',serif;color:#8ba88e;font-size:12px;margin-top:25px;padding-left:4px;letter-spacing:1px}.topbar{height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 clamp(24px,4.5vw,72px);background:#f8f8f1}.breadcrumb{color:#68796c;font-size:12px}.breadcrumb span{margin:0 9px;color:#b1beae}.top-actions{display:flex;align-items:center;gap:16px}.today{color:#849185;font-size:12px}.demo-badge{border:1px solid #cad8bc;background:#f0f5e5;color:#3f6449;padding:7px 11px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:1px}.icon-button{display:none;background:transparent;border:0;color:var(--forest);font-size:21px}.content{padding:26px clamp(24px,4.5vw,72px) 75px;max-width:1600px;margin:auto}.section-anchor{scroll-margin-top:22px}.hero{min-height:400px;display:grid;grid-template-columns:1.1fr .9fr;background:#e7ecde;border-radius:12px;overflow:hidden;position:relative}.hero-copy{padding:55px 35px 50px clamp(35px,5vw,75px);z-index:2}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#667e65;margin:0 0 16px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:#65856a}.hero h1,.about-section h2{font-family:'Noto Serif SC',serif;font-weight:600;line-height:1.35;letter-spacing:1px}.hero h1{font-size:clamp(34px,3.7vw,59px);margin:0;color:#213e30}.hero h1 em{color:#698b5c;font-style:normal}.hero-copy>p{max-width:495px;color:#627468;line-height:1.9;margin:20px 0 26px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:#244f3c;border:1px solid #244f3c;color:#fff;padding:13px 19px;border-radius:5px;font-weight:600;min-width:134px;transition:.2s}.primary-button:hover{background:#173f2c;transform:translateY(-2px)}.primary-button span{font-size:17px;font-weight:400}.hero-art{position:relative;overflow:hidden;background:linear-gradient(151deg,#d7dfc5 0%,#cad9bd 42%,#b8cea9 100%);min-height:400px}.art-sun{position:absolute;width:180px;height:180px;background:#f5efc3;border-radius:50%;top:37px;right:19%;box-shadow:0 0 0 20px #f4efc159}.art-hill{position:absolute;border-radius:50% 50% 0 0}.hill-back{width:650px;height:270px;left:-100px;bottom:36px;background:#9db596;transform:rotate(-12deg)}.hill-front{width:670px;height:230px;left:75px;bottom:-40px;background:#718e6f;transform:rotate(9deg)}.art-field{position:absolute;height:20px;border-radius:50%;border-top:2px solid #dce8c2;transform:rotate(-15deg)}.field-one{width:590px;bottom:100px;left:-65px}.field-two{width:590px;bottom:66px;left:-15px}.field-three{width:590px;bottom:30px;left:36px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#f7f6dc45 1px,transparent 1px),linear-gradient(90deg,#f7f6dc45 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000)}.art-caption{position:absolute;bottom:25px;left:28px;color:#fff;font-size:10px;letter-spacing:2px;line-height:1.8}.art-caption b{font-weight:400;opacity:.75}.art-caption small{font-size:11px;letter-spacing:1px}.caption-line{width:30px;height:1px;background:#fff;display:inline-block;vertical-align:middle;margin-right:10px}.art-coordinate{position:absolute;right:24px;top:20px;text-align:right;color:#f4f8e8;font-size:11px;line-height:1.6;letter-spacing:1.2px}.dashboard-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:54px 0 24px}.dashboard-head h2,.section-heading h2,.assistant-section h2{font-family:'Noto Serif SC',serif;font-size:29px;color:#213c2f;margin:0 0 8px;font-weight:600}.section-description,.section-heading>p{color:#869185;line-height:1.7;margin:0}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filters label{font-size:11px;color:#718071;margin-left:9px}.filters select{appearance:none;color:#2b4b38;background:#fffef9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%235a735f' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #dce4d7;border-radius:5px;padding:10px 34px 10px 13px;min-width:115px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel{background:var(--card);border:1px solid #e6e9df;border-radius:9px}.metric-card{min-height:151px;padding:21px 22px}.metric-top,.metric-bottom{display:flex;justify-content:space-between;align-items:center}.metric-top{color:#718271;font-size:12px}.metric-symbol{font-size:20px;color:#9eb6a0}.metric-value{margin:20px 0 13px;display:flex;align-items:baseline;gap:6px}.metric-value strong{font-size:31px;line-height:1;color:#264734;font-weight:600;letter-spacing:-1px}.metric-value small{font-size:12px;color:#758575}.metric-bottom{font-size:10px;color:#9ba89b}.metric-bottom span:first-child{color:#518462;background:#eff5e9;padding:3px 7px;border-radius:3px}.accent-card{background:#e4edcf;border-color:#d8e5bd}.accent-card .metric-symbol{color:#64834e}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.82fr);gap:15px;margin-top:15px}.panel{padding:25px}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:10px}.panel-header .section-kicker{margin-bottom:7px}.panel h3{font-family:'Noto Serif SC',serif;font-size:19px;margin:0;color:#2b4734;font-weight:600}.chart-legend{display:flex;gap:14px;font-size:10px;color:#829082;white-space:nowrap}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-green{background:#4e865a}.legend-gold{background:#c8a45f}.chart-wrap{height:245px;margin-top:20px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-footer,.bar-caption{display:flex;justify-content:space-between;color:#a1aa9c;font-size:10px}.insight-panel{background:#2e5940;color:#eaf0d9;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;min-height:335px}.insight-panel:before{content:'';position:absolute;width:270px;height:270px;border:1px solid #b7cfa247;border-radius:50%;right:-85px;top:-105px;box-shadow:0 0 0 39px #ffffff0a,0 0 0 78px #ffffff09}.insight-icon{position:absolute;top:28px;left:27px;font-size:30px;color:#d8e8aa}.insight-panel .section-kicker{color:#b8d1a2;margin-bottom:9px}.insight-panel h3{color:#f6f8e7;font-size:23px;line-height:1.4}.insight-panel>p:not(.section-kicker){color:#c6d9c2;line-height:1.85;margin:12px 0 20px}.insight-source{font-size:10px;color:#a9c3a8;border-top:1px solid #ffffff36;padding-top:13px}.lower-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:15px;margin-top:15px}.mini-tag{color:#71876e;background:#eff4e8;padding:7px 10px;border-radius:4px;font-size:10px}.rain-bars{height:147px;display:flex;align-items:end;gap:9px;padding:14px 1px 9px;border-bottom:1px solid #e4e8de;margin-top:16px}.rain-bar{flex:1;min-width:5px;background:#aac897;border-radius:3px 3px 0 0;position:relative;transition:height .35s}.rain-bar:nth-child(3n){background:#d8e7c7}.rain-bar:hover{background:#5e9669}.rain-bar:hover:after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#244e3a;color:#fff;padding:4px 6px;border-radius:3px;white-space:nowrap;font-size:10px}.bar-caption{margin-top:12px}.inline-action{border:0;background:transparent;color:#5e815c;font-weight:700;font-size:11px}.inline-action:hover{text-decoration:underline}.table-scroll{overflow-x:auto;margin-top:14px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:left}th{color:#98a598;font-weight:500;border-bottom:1px solid #e6eadf;padding:10px 8px}td{border-bottom:1px solid #eff1e9;color:#5d705e;padding:12px 8px}tbody tr:last-child td{border:0}.fields-section{margin-top:76px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading>p{max-width:390px}.field-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.field-card{text-align:left;border:1px solid #e0e6d9;background:#fffef9;border-radius:8px;overflow:hidden;padding:0;transition:.2s}.field-card:hover,.field-card.selected{border-color:#7ca475;transform:translateY(-3px);box-shadow:0 9px 20px #4f73531a}.field-visual{height:128px;position:relative;overflow:hidden}.field-visual:before,.field-visual:after{content:'';position:absolute;border-radius:50%}.field-visual:before{width:200px;height:120px;left:-30px;bottom:-67px;background:#ffffff4f}.field-visual:after{width:190px;height:120px;right:-50px;bottom:-75px;border:14px solid #ffffff55}.field-card:nth-child(1) .field-visual{background:#aabc8b}.field-card:nth-child(2) .field-visual{background:#a6bea0}.field-card:nth-child(3) .field-visual{background:#d1bd87}.field-icon{position:absolute;right:18px;top:5px;font-family:'Noto Serif SC',serif;font-size:70px;color:#ffffffaa}.field-no{position:absolute;left:20px;top:18px;color:#fff;font-size:10px;letter-spacing:2px}.field-copy{padding:20px}.field-copy strong{display:block;font-family:'Noto Serif SC',serif;font-size:18px;color:#294b37;margin-bottom:6px}.field-copy span{color:#91a08e;font-size:11px}.field-copy p{color:#758576;font-size:11px;line-height:1.7;margin:10px 0 0}.assistant-section{display:grid;grid-template-columns:.84fr 1.16fr;gap:28px;margin-top:77px;background:#e6edda;border-radius:10px;padding:39px}.assistant-intro{position:relative;overflow:hidden;padding:15px 0}.assistant-intro h2{font-size:32px;line-height:1.45}.assistant-intro>p:not(.section-kicker){max-width:305px;color:#70836e;line-height:1.9}.assistant-decoration{position:absolute;font-size:170px;color:#cfdcbd;left:22%;bottom:-111px;line-height:1}.assistant-workspace{background:#fffef9;border:1px solid #e0e8d7;border-radius:8px;padding:20px;z-index:1}.assistant-head{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #edf0e8}.assistant-avatar{width:36px;height:36px;display:grid;place-items:center;background:#e0edcf;color:#4a7951;border-radius:7px;font-size:21px}.assistant-head strong{display:block;color:#2d4c37}.assistant-head small{display:block;color:#95a294;font-size:10px;margin-top:3px}.assistant-status{margin-left:auto;color:#82a181;font-size:10px}.assistant-status i{width:5px;height:5px;margin-right:4px;box-shadow:none}.question-list{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.question-list button{border:1px solid #e1e8dc;background:#f5f8f0;color:#4c7555;padding:8px 10px;border-radius:4px;font-size:11px}.question-list button:hover,.question-list button.active{background:#dfeccf;border-color:#aac899}.answer-card{background:#f6f7f1;border-radius:5px;padding:15px 17px;min-height:122px}.answer-label{font-size:10px;font-weight:700;color:#789174;letter-spacing:1px}.answer-card p{line-height:1.85;color:#485f4d;margin:9px 0 0}.assistant-disclaimer{font-size:10px;color:#a4afa2;line-height:1.5;margin:11px 0 0}.about-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;border-top:1px solid #d9e2d5;margin-top:75px;padding-top:47px}.about-section h2{font-size:clamp(28px,3vw,41px);margin:0}.about-content>p{color:#67796b;line-height:2;margin:0 0 25px;max-width:680px}.process-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#345d42}.process-row span{padding:12px 15px;background:#e8eedc;border-radius:4px;white-space:nowrap}.process-row b{font-size:10px;color:#8da380;margin-right:8px}.process-row i{font-style:normal;color:#91aa8f}.about-footnote{color:#9ca99b;font-size:11px;line-height:1.8;margin-top:28px}.footer{padding:23px clamp(24px,4.5vw,72px);border-top:1px solid #dde5d7;display:flex;justify-content:space-between;gap:12px;color:#a1ada1;font-size:10px}
@media(max-width:1180px){:root{--sidebar:210px}.sidebar{padding-left:13px;padding-right:13px}.hero{grid-template-columns:1fr .75fr}.hero-copy{padding-left:35px}.metric-card{padding:19px 14px}.analysis-grid{grid-template-columns:1.5fr 1fr}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;transform:translateX(-100%);transition:transform .25s;width:250px;box-shadow:15px 0 25px #173a2c22}.sidebar.open{transform:translateX(0)}.icon-button{display:block}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:42px 25px}.hero h1{font-size:36px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-head{align-items:start;flex-direction:column}.analysis-grid,.lower-grid{grid-template-columns:1fr}.insight-panel{min-height:235px}.field-cards{gap:10px}.assistant-section{grid-template-columns:1fr}.assistant-decoration{left:auto;right:15px;bottom:-105px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-copy{padding:40px 30px}.hero-art{min-height:230px}.hero h1{font-size:42px}}
@media(max-width:620px){.topbar{height:62px}.today{display:none}.content{padding:16px 16px 52px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 24px 36px}.hero h1{font-size:38px}.hero-art{min-height:190px}.art-sun{width:110px;height:110px;top:10px}.hill-back{bottom:-160px}.hill-front{bottom:-180px}.art-caption{bottom:13px}.dashboard-head{margin-top:40px}.filters{width:100%}.filters label{margin-left:0}.filters select{flex:1;min-width:125px}.metric-grid{gap:9px}.metric-card{min-height:126px;padding:14px}.metric-value strong{font-size:25px}.metric-value{margin:17px 0 10px}.panel{padding:19px}.chart-legend{gap:6px;flex-direction:column}.chart-wrap{height:210px}.chart-footer span:nth-child(2){display:none}.section-heading{display:block}.section-heading>p{margin-top:8px}.field-cards{grid-template-columns:1fr}.field-card{display:grid;grid-template-columns:110px 1fr}.field-visual{height:100%}.field-icon{font-size:54px}.field-copy{padding:13px}.fields-section,.assistant-section,.about-section{margin-top:52px}.assistant-section{padding:23px 16px;gap:10px}.assistant-intro{padding:0}.assistant-decoration{display:none}.about-section{grid-template-columns:1fr;gap:15px}.process-row{gap:8px}.process-row span{padding:8px;font-size:11px}.footer{display:block;line-height:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}