:root{--ink:#18211d;--muted:#6f7772;--paper:#f5f7f2;--card:#fff;--line:#dde2dc;--green:#157a58;--green-dark:#0e5e42;--green-soft:#e7f4ed;--orange:#e97838}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid rgba(221,226,220,.9);background:rgba(250,251,248,.92);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--green)}.header-label{color:#7b837e;font-size:13px;font-weight:650}.site-header nav{display:flex;gap:8px}.site-header nav a{min-height:42px;display:grid;place-items:center;padding:0 16px;border-radius:999px;color:#6c746f;font-size:14px;font-weight:650}.site-header nav a:hover,.site-header nav a.active{color:var(--green-dark);background:var(--green-soft)}
.hero{position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:54px 24px 65px;text-align:center;background:radial-gradient(circle at 15% 20%,rgba(61,174,126,.12),transparent 25%),radial-gradient(circle at 86% 80%,rgba(233,120,56,.1),transparent 24%),linear-gradient(180deg,#fbfcfa,#f0f4ed)}.hero:after{content:"";position:absolute;inset:0;opacity:.32;pointer-events:none;background-image:radial-gradient(#aeb8b0 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero>*{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em}.eyebrow>span{width:22px;height:2px;background:currentColor}.hero h1{max-width:820px;margin:24px 0 18px;font-family:Georgia,"Songti SC",serif;font-size:clamp(42px,6vw,66px);line-height:1.12;letter-spacing:-.055em;font-weight:500}.hero h1 em{color:var(--green);font-style:normal}.hero p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.trust-row{display:flex;gap:24px;margin-top:28px;color:#727b75;font-size:13px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row b{color:var(--green)}
.survey-section,.dashboard-section{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:74px 0 90px}.section-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:28px}.section-number{width:38px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;color:#fff;background:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em}.section-heading h2{margin:-4px 0 4px;font-family:Georgia,"Songti SC",serif;font-size:31px;font-weight:600;letter-spacing:-.03em}.section-heading p{margin:0;color:var(--muted);font-size:14px}
.survey-card{padding:42px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 16px 50px rgba(26,45,35,.06)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:9px}.field>span:first-child,.tool-fieldset legend{font-size:14px;font-weight:720}.field b,.tool-fieldset b{color:#d15843}.field input,.field select,.other-tool{width:100%;min-height:50px;border:1px solid #dce1dc;border-radius:12px;color:var(--ink);background:#fbfcfa;outline:0}.field>input{padding:0 15px}.field input::placeholder{color:#abb1ad}.field input:focus,.field select:focus,.other-tool:focus-within{border-color:#62a98c;box-shadow:0 0 0 3px rgba(21,122,88,.1);background:#fff}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:#d97868}.select-wrap{position:relative;display:block}.select-wrap select{appearance:none;padding:0 42px 0 15px}.select-wrap>span{position:absolute;top:12px;right:14px;color:#858c87;font-size:22px;pointer-events:none}.field-error{min-height:15px;color:#c34e3b;font-size:12px;font-weight:650}.field-hint{color:#8b928d;font-size:12px}
.tool-fieldset{padding:0;margin:34px 0 0;border:0}.tool-fieldset legend{width:100%;margin-bottom:13px}.tool-fieldset legend span{margin-left:7px;padding:3px 8px;border-radius:999px;color:var(--green);background:var(--green-soft);font-size:11px;font-weight:750}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.tool-option{position:relative;min-height:62px;display:flex;align-items:center;gap:11px;padding:9px 38px 9px 10px;border:1px solid #dce1dc;border-radius:13px;color:#343c37;background:#fbfcfa;text-align:left;font-size:13px;font-weight:680;cursor:pointer}.tool-option:hover{border-color:#91bca9;background:#f7fbf8}.tool-option.selected{border-color:var(--green);background:#f1faf5;box-shadow:inset 0 0 0 1px var(--green)}.tool-logo{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#fff;font-size:12px;font-weight:800}.tool-logo.dark{background:#222824}.tool-logo.orange{background:#d9773f}.tool-logo.blue{background:#3977d5}.tool-logo.indigo{background:#686bc9}.tool-logo.violet{background:#704db9}.tool-logo.cyan{background:#1e91a2}.tool-logo.green{background:#168260}.tool-logo.coral{background:#d65f56}.check-box{position:absolute;top:21px;right:12px;width:20px;height:20px;display:grid;place-items:center;border:1px solid #cbd2cc;border-radius:6px;color:transparent;background:#fff;font-size:12px}.selected .check-box{border-color:var(--green);color:#fff;background:var(--green)}.other-tool{display:flex;align-items:center;gap:8px;padding:0 13px}.other-tool>span{color:var(--green);font-size:21px}.other-tool input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:13px}.tool-fieldset>.field-error{display:block;margin-top:8px}.cost-field{margin-top:34px}.currency-input{position:relative;max-width:390px}.currency-input>span{position:absolute;left:15px;top:13px;color:#525b55;font-weight:750}.currency-input input{width:100%;padding:0 85px 0 35px}.currency-input i{position:absolute;right:14px;top:15px;color:#8b928d;font-size:12px;font-style:normal}.submit-row{display:flex;align-items:center;gap:18px;margin-top:36px;padding-top:28px;border-top:1px solid #e9ece8}.submit-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:0;border-radius:12px;color:#fff;background:var(--green);box-shadow:0 10px 28px rgba(21,122,88,.2);font-size:14px;font-weight:760;cursor:pointer;transition:.18s ease}.submit-button:hover{background:var(--green-dark);transform:translateY(-1px)}.submit-button:disabled{opacity:.65;cursor:wait;transform:none}.submit-message,.success-message{margin:0;font-size:13px}.submit-message{color:#bd4d3a}.success-message{color:var(--green);font-weight:700}.loading>span:first-child{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.results-page{min-height:100vh;background:#f1f4ef}.results-hero{padding:48px max(24px,calc((100vw - 1120px)/2)) 38px;border-bottom:1px solid #dfe4de;background:#fbfcfa}.back-link{display:inline-flex;align-items:center;min-height:42px;margin-bottom:20px;color:#747d77;font-size:13px;font-weight:650}.back-link:hover{color:var(--green)}.results-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.results-heading-row h1{margin:17px 0 8px;font-family:Georgia,"Songti SC",serif;font-size:clamp(36px,5vw,54px);line-height:1.1;letter-spacing:-.045em;font-weight:550}.results-heading-row p{margin:0;color:var(--muted)}.results-actions{display:flex;align-items:center;gap:10px}.refresh-button,.logout-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #d7ddd7;border-radius:11px;color:#4f5852;background:#fff;font-size:13px;font-weight:700;cursor:pointer}.refresh-button:hover{border-color:#99b6a7;color:var(--green)}.logout-button:hover{border-color:#d6a89f;color:#a74636;background:#fff8f6}.refresh-button:disabled,.logout-button:disabled{opacity:.6}.dashboard-section{padding-top:38px}.load-error{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:14px 17px;border:1px solid #e4b6ae;border-radius:12px;color:#a74636;background:#fff1ef;font-size:13px}.load-error button{min-height:38px;padding:0 13px;border:1px solid #d99a8f;border-radius:8px;color:#a74636;background:#fff;cursor:pointer}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card,.chart-card,.recent-card{border:1px solid #dce1dc;background:#fff;box-shadow:0 8px 26px rgba(27,43,35,.045)}.stat-card{position:relative;min-height:166px;padding:22px;border-radius:17px}.stat-icon{position:absolute;top:20px;right:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-weight:800}.stat-icon.purple{color:#6e54b7;background:#f0ecfb}.stat-icon.orange{color:#c96631;background:#fff0e7}.stat-icon.green{color:#18805a;background:#e8f5ee}.stat-icon.blue{color:#3974b8;background:#eaf2fb}.stat-card p{margin:2px 0 24px;color:#757d78;font-size:13px;font-weight:650}.stat-card strong{display:block;overflow:hidden;color:#202924;font-family:Georgia,serif;font-size:clamp(28px,3vw,36px);line-height:1;letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis}.stat-card small{display:block;margin-top:9px;color:#969c98;font-size:11px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.chart-card,.recent-card{border-radius:18px;padding:25px}.chart-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:25px}.chart-title h2{margin:0 0 4px;font-size:17px;letter-spacing:-.02em}.chart-title p{margin:0;color:#8a918d;font-size:12px}.chart-title>span{padding:5px 9px;border-radius:999px;color:var(--green);background:var(--green-soft);font-size:10px;font-weight:760;white-space:nowrap}.bar-list,.tool-ranking{display:flex;flex-direction:column;gap:15px}.bar-row{display:grid;grid-template-columns:70px 1fr 25px;align-items:center;gap:12px;font-size:12px}.bar-row>span{color:#555f59}.bar-row>div,.rank-row>div{height:8px;overflow:hidden;border-radius:999px;background:#edf0ec}.bar-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d865f,#73b49a)}.bar-row b,.rank-row b{color:#59615c;font-size:11px;text-align:right}.rank-row{display:grid;grid-template-columns:24px minmax(85px,.65fr) 1fr 38px;align-items:center;gap:9px;font-size:12px}.rank-row>i{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;color:#757d78;background:#f0f2ef;font-style:normal;font-size:10px;font-weight:800}.rank-row:nth-child(-n+3)>i{color:#fff;background:var(--green)}.rank-row>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-row em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#da733c,#f0ad73)}.empty-state{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9aa09c;text-align:center;font-size:12px}.empty-state b{font-size:28px;color:#86ad9c}.empty-state.compact{min-height:110px}.recent-card{margin-top:15px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:11px 13px;color:#8a918d;background:#f7f8f6;text-align:left;font-weight:680;white-space:nowrap}th:first-child{border-radius:9px 0 0 9px}th:last-child{border-radius:0 9px 9px 0}td{padding:15px 13px;border-bottom:1px solid #edf0ec;color:#5c655f;vertical-align:top}tbody tr:last-child td{border-bottom:0}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.tag-list span{padding:4px 7px;border-radius:6px;color:#456255;background:#eef4f0;font-size:10px;white-space:nowrap}
footer{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100vw - 1120px)/2));color:#818984;background:#e9ede7;font-size:12px}footer span{color:#5e6761;font-weight:700}footer p{margin:0}
.verify-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 15% 22%,rgba(61,174,126,.13),transparent 26%),radial-gradient(circle at 88% 80%,rgba(233,120,56,.1),transparent 23%),var(--paper)}.verify-main{min-height:calc(100vh - 158px);display:grid;place-items:center;padding:52px 20px}.verify-card{width:min(100%,460px);padding:42px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(26,45,35,.1)}.verify-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:25px;border-radius:15px;color:#fff;background:var(--green);box-shadow:0 12px 28px rgba(21,122,88,.22)}.verify-card h1{margin:19px 0 10px;font-family:Georgia,"Songti SC",serif;font-size:38px;line-height:1.15;letter-spacing:-.04em;font-weight:550}.verify-card>p{margin:0 0 28px;color:var(--muted);font-size:14px;line-height:1.7}.verify-card .field input{padding:0 15px}.verify-error{margin:10px 0 0;color:#bd4d3a;font-size:13px;font-weight:650}.verify-button{width:100%;margin-top:20px}.verify-back{min-height:44px;display:flex;align-items:center;justify-content:center;margin-top:16px;color:#747d77;font-size:13px;font-weight:650}.verify-back:hover{color:var(--green)}
@media(max-width:820px){.site-header{height:64px;padding:0 18px}.brand>span:last-child{display:none}.brand-mark{width:38px;height:38px}.site-header nav{gap:3px}.site-header nav a{min-height:44px;padding:0 12px;font-size:13px}.hero{min-height:350px;padding:54px 20px 48px}.hero h1{margin-top:20px;font-size:clamp(38px,11vw,54px)}.hero p{max-width:520px;font-size:14px}.survey-section,.dashboard-section{width:min(100% - 28px,680px);padding:48px 0 62px}.survey-card{padding:24px;border-radius:19px}.form-grid{grid-template-columns:1fr;gap:20px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}.results-hero{padding:30px 20px}.results-heading-row{align-items:flex-start;flex-direction:column}.results-actions{width:100%}.refresh-button,.logout-button{flex:1}}
@media(max-width:520px){.trust-row{width:100%;justify-content:center;gap:12px;flex-wrap:wrap}.section-heading{gap:12px}.section-heading h2{font-size:27px}.survey-card{padding:20px 16px}.tool-grid{grid-template-columns:1fr;gap:9px}.tool-option{min-height:58px}.other-tool{min-height:54px}.currency-input{max-width:none}.submit-row{align-items:stretch;flex-direction:column}.submit-button{width:100%;min-height:52px}.submit-message,.success-message{text-align:center}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:145px;padding:17px}.stat-icon{top:15px;right:15px;width:34px;height:34px}.stat-card strong{font-size:27px}.chart-card,.recent-card{padding:20px 16px}.bar-row{grid-template-columns:66px 1fr 20px;gap:8px}.rank-row{grid-template-columns:22px minmax(74px,.8fr) 1fr 34px;gap:7px}.table-wrap{overflow:visible}table,tbody{display:block}thead{display:none}tbody{display:grid;gap:10px}tr{display:block;padding:14px;border:1px solid #e4e8e3;border-radius:12px;background:#fbfcfa}td{display:grid;grid-template-columns:76px 1fr;gap:8px;padding:7px 0;border:0;line-height:1.55}td:before{content:attr(data-label);color:#929994;font-size:11px}.verify-main{min-height:calc(100vh - 174px);padding:26px 14px}.verify-card{padding:30px 20px;border-radius:19px}.verify-card h1{font-size:33px}footer{min-height:110px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;padding-top:25px;padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}