:root{color:#17201c;font-synthesis:none;background:#f4f7f2;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#27332d;background:#fff;border:1px solid #d8dfd9;border-radius:10px;padding:9px 13px}button:hover{border-color:#0c7b4e}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#fff;background:#0a7549;border-color:#0a7549;font-weight:700}.big{padding:14px 20px}.top{color:#fff;z-index:20;background:#10271e;align-items:center;gap:28px;height:74px;padding:0 max(24px,50vw - 700px);display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0b251933}.brand{align-items:center;gap:12px;min-width:280px;display:flex}.brand span{color:#a9c4b7;margin-top:3px;font-size:12px;display:block}.logo{color:#17321f;background:#d7ff54;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.top nav{flex:1;gap:6px;display:flex}.top nav button{color:#b9cdc3;background:0 0;border:0}.top nav button.active{color:#fff;background:#244738}.top a{color:#d6e6de;font-size:14px;text-decoration:none}main{max-width:1400px;margin:0 auto;padding:24px}.panel{background:#fff;border:1px solid #e1e7e2;border-radius:18px;margin-bottom:18px;padding:20px;box-shadow:0 4px 16px #1d33250a}.api summary{cursor:pointer;font-weight:750}.api summary span{float:right;color:#7b857f}.api summary .ok,.ok{color:#0a7549}.api-row{align-items:end;gap:8px;margin-top:18px;display:flex}.api-row label{flex:1}.api input{width:100%}.privacy,.note{color:#526158;background:#f0f7f2;border-left:3px solid #0a7549;border-radius:6px;padding:10px 12px}.hero{justify-content:space-between;align-items:center;padding:22px 4px 18px;display:flex}.hero h2{margin:4px 0;font-size:32px}.hero p{color:#617068;margin:0}.eyebrow{letter-spacing:.15em;color:#0a7549;font-size:11px;font-weight:800}.steps{gap:8px;display:flex}.steps span{color:#79857e;border:1px solid #dce5de;border-radius:20px;padding:8px 11px}.steps .active{color:#075f3b;background:#e1f6e8;border-color:#b2ddc1}.grid.two{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}h3{margin-top:0}textarea,input,select{color:#15211a;background:#fcfdfc;border:1px solid #d9e0db;border-radius:9px;width:100%;padding:10px}textarea{resize:vertical;line-height:1.55}.actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.upload{cursor:pointer;border:1px solid #d8dfd9;border-radius:10px;padding:9px 13px}.upload input{display:none}.muted{color:#738078;font-size:13px}.metrics{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.metrics div{background:#f3f7f4;border-radius:12px;padding:14px}.metrics b{font-size:23px;display:block}.metrics span{color:#6f7c74;font-size:12px}.warning{background:#fffdf5;border-color:#e7c66d}.mapping{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mapping label,.facts label,.setting label{color:#68756d;font-size:12px;display:block}.table-wrap{overflow:auto}.table-wrap.compact{max-height:400px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0ed;padding:10px}th{color:#58675e;background:#f7f9f7;position:sticky;top:0}.tag{color:#7a5b06;background:#f2ead5;border-radius:9px;padding:3px 7px}.section-head{justify-content:space-between;align-items:start;gap:15px;display:flex}.section-head p{color:#6a776f;margin-top:-5px}.themes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.themes>div{border:1px solid #e2e7e3;border-radius:12px;padding:10px}.themes textarea{margin:6px 0}.report article{border-bottom:1px solid #eef1ef;padding:12px 0}.report article p{margin:5px 0}.copy-layout{grid-template-columns:400px 1fr;align-items:start;gap:18px;display:grid}.facts{max-height:calc(100vh - 100px);position:sticky;top:92px;overflow:auto}.facts label{margin-bottom:10px}.platforms{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.platforms label{border:1px solid #dce3de;border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.platforms label.selected{background:#eff9f2;border-color:#0a7549}.platforms input,.check input{width:auto}.setting{border-top:1px solid #edf0ed;grid-template-columns:1.5fr .5fr .7fr 1.5fr;align-items:end;gap:10px;margin-top:12px;padding-top:12px;display:grid}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.copy-card{background:#fff;border:1px solid #dfe6e0;border-radius:18px;overflow:hidden;box-shadow:0 4px 14px #17351f0a}.copy-card header{border-bottom:1px solid #edf1ed;justify-content:space-between;gap:10px;padding:16px;display:flex}.copy-card header span{color:#0a7549;font-size:12px}.copy-card header h3{margin:4px 0}.copy-card pre{white-space:pre-wrap;word-break:break-word;max-height:550px;margin:0;padding:18px;font-family:inherit;line-height:1.7;overflow:auto}.risks{background:#fff7e4;padding:14px}.risks div{border-top:1px solid #eadcb8;padding-top:8px}.risks p{margin:4px 0;font-size:13px}.copy-card>.ok{padding:0 18px}.help{margin-top:26px}footer{text-align:center;color:#7b8780;padding:30px}@media (width<=900px){.top{flex-wrap:wrap;height:auto;padding:12px 16px}.brand{min-width:0}.top nav{order:3;width:100%}.top nav button{flex:1}main{padding:14px}.hero,.section-head{display:block}.steps{margin-top:15px;overflow:auto}.grid.two,.copy-layout{grid-template-columns:1fr}.facts{max-height:none;position:static}.platforms,.setting{grid-template-columns:1fr 1fr}.results,.themes{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.api-row{flex-wrap:wrap;align-items:stretch}.api-row label{flex-basis:100%}.mapping{grid-template-columns:1fr 1fr}}.toast{z-index:80;color:#fff;background:#123226;border-radius:12px;align-items:center;gap:10px;min-width:220px;max-width:380px;padding:13px 16px;animation:.22s toast-in;display:flex;position:fixed;top:92px;right:24px;box-shadow:0 14px 40px #10271e40}.toast span{color:#17321f;background:#d7ff54;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.toast.error{background:#8a302b}.toast.info{background:#36546a}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}button{transition:transform .15s,background .15s,border-color .15s}button:active{background:#edf6f0;transform:scale(.97)}.primary:active{background:#075e3b}.progress-card{background:#f0f7f2;border:1px solid #d7e8dc;border-radius:14px;margin:16px 0;padding:16px}.progress-top{justify-content:space-between;gap:14px;margin-bottom:10px;display:flex}.progress-top b{color:#075f3b}.progress-track{background:#dce8df;border-radius:20px;height:11px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0a7549,#62c584);border-radius:20px;height:100%;transition:width .35s;position:relative}.progress-fill.active:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.2s linear infinite progress-shine;position:absolute;inset:0}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.demo-box{border-top:1px dashed #cad6cc;margin-top:18px;padding-top:16px}.demo-box h4{margin:0 0 5px}.demo-list{gap:8px;margin-top:10px;display:grid}.demo-card{text-align:left;background:#f5f8f5;padding:11px 12px}.demo-card b,.demo-card span{display:block}.demo-card span{color:#6e7a73;margin-top:3px;font-size:12px}.button-busy{padding-left:34px;position:relative}.button-busy:before{content:"";border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-top:-7px;animation:.7s linear infinite spin;position:absolute;top:50%;left:13px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.toast{top:132px;left:14px;right:14px}.progress-top{display:block}.progress-top b{margin-top:4px;display:block}}