:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#223930;background:#f7faf8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 3%,#d9ebe3 0,transparent 25%),#f7faf8}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.site-header{height:76px;padding:0 max(28px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dae6df;background:#fff9}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:-.04em}.brand img{width:35px;height:35px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#668075}.site-header nav a:hover{color:#176a54}#account{padding:8px 12px;border-radius:50px;background:#e8f2ec;color:#24614e}
main{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:44px 0 100px}.intro{position:relative;display:flex;justify-content:space-between;gap:28px;overflow:hidden;padding:45px 50px;border-radius:25px;color:#fff;background:linear-gradient(125deg,#193d32,#266b55 68%,#3b846a);box-shadow:0 20px 54px #17412e25}.eyebrow,.section-heading small{color:#a9d6c4;font-size:11px;font-weight:800;letter-spacing:.2em}.intro h1{margin:10px 0;font-family:Georgia,serif;font-size:clamp(54px,7vw,90px);letter-spacing:-.07em;line-height:1}.intro h1 span{color:#aad9c5}.intro p{max-width:590px;margin:16px 0 0;color:#d8e9e0;font-size:16px;line-height:1.7}.intro-mark{align-self:center;display:flex;gap:9px;transform:rotate(-12deg)}.intro-mark span{display:grid;place-items:center;width:86px;height:118px;border:1px solid #b9e4d370;border-radius:10px;background:#e8f6ee17;color:#b8ddcf;font-family:Georgia,serif;font-size:25px;box-shadow:10px 10px 0 #0d342b30}.intro-mark span:nth-child(2){transform:translateY(18px)}.intro-mark span:nth-child(3){transform:translateY(36px)}
.panel,.login{margin-top:25px;padding:32px;border:1px solid #d6e3db;border-radius:21px;background:#fff;box-shadow:0 14px 40px #24473409}.section-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.step{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e8f2ec;color:#176a54;font-weight:800}.section-heading small{color:#699985}.section-heading h2{margin:3px 0 0;font-family:Georgia,"Songti SC",serif;font-size:28px;letter-spacing:-.04em}.source-tabs{display:flex;gap:8px;padding:5px;border-radius:12px;background:#f0f5f1;width:max-content;max-width:100%;margin-bottom:20px}.source-tabs button{padding:11px 17px;border:0;border-radius:9px;background:transparent;color:#657b70;font-weight:700}.source-tabs button.active{background:#fff;color:#176a54;box-shadow:0 2px 8px #203c3216}.source-body label{display:block;margin-bottom:9px;font-weight:750}.source-row{display:flex;gap:10px}.source-row select,.source-row input{min-width:0;flex:1;padding:13px 15px;border:1px solid #cbdad1;border-radius:10px;background:#fff;color:#2c4036}.source-row select:focus,.source-row input:focus{outline:2px solid #78b79e}.helper{font-size:13px;line-height:1.6;color:#718279}.action{margin-top:16px}.primary,.quiet{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border-radius:10px;font-weight:760}.primary{border:1px solid #176a54;background:#176a54;color:#fff}.primary:hover:not(:disabled){background:#125640}.quiet{border:1px solid #cbded3;background:#fff;color:#315d4b}.quiet:hover:not(:disabled){background:#edf5ef}progress{width:100%;height:6px;margin-top:14px;accent-color:#176a54}.notice{margin-top:20px;padding:15px 18px;border:1px solid #e8b3a9;border-radius:11px;background:#fff0ec;color:#a14332;line-height:1.6}.notice.success{border-color:#bfdaca;background:#edf8f1;color:#176a54}.login p{color:#708079}
.render-title{margin:-8px 0 18px;font-size:18px;font-weight:730}.delivery-list,.receipt-list{display:grid;gap:8px}.delivery,.receipt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border:1px solid #dde8e0;border-radius:11px;background:#f8fbf9}.delivery strong,.receipt strong{font-size:14px}.delivery small,.receipt small{display:block;margin-top:4px;color:#72837a;font-size:12px}.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;font-size:12px;color:#7b8c82}.link-button{min-height:36px}.phone-frame{width:min(460px,100%);height:650px;margin:0 auto;overflow:hidden;border:8px solid #20362d;border-radius:24px;background:#fff;box-shadow:0 20px 50px #183a2c22}.phone-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#f7f9f7;color:#2b4337;font-size:13px}.phone-frame iframe{width:100%;height:calc(100% - 42px);border:0}.publish-panel>p{color:#6b7e73;line-height:1.65}.publish-actions{display:flex;gap:10px;flex-wrap:wrap}.result{margin:18px 0;padding:14px 16px;border-radius:10px;background:#eaf5ee;color:#26634a;line-height:1.6}.result.error{background:#fff0ec;color:#ae4a38}.receipt-list{margin-top:16px}.receipt input{width:210px;max-width:100%;padding:8px;border:1px solid #c7d7ce;border-radius:8px}.receipt .controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.receipt .controls button{padding:8px 10px;border:1px solid #c7d7ce;border-radius:7px;background:#fff;color:#315d4b;font-size:12px}
.autofix-details{margin:0 0 20px;padding:15px 18px;border:1px solid #b9d9c7;border-radius:12px;background:#f0f8f3}.autofix-details summary{cursor:pointer;color:#176a54;font-weight:760}.autofix-change{margin-top:15px;padding-top:13px;border-top:1px solid #d8e9dd}.autofix-change strong{font-size:13px}.autofix-change p{margin:7px 0;font-size:13px;line-height:1.7}.autofix-change .before{color:#78877d}.autofix-change .after{color:#275c45}
.progress-panel{display:grid;grid-template-columns:1fr auto;gap:9px 16px;background:#edf8f1;border-color:#b9d9c7}.progress-panel strong{color:#176a54}.progress-panel #progress-count{color:#376e57;font-variant-numeric:tabular-nums}.progress-panel progress{grid-column:1/-1;margin:0;height:9px}.progress-panel .helper{grid-column:1/-1;margin:0}#publish-progress{margin:12px 0;color:#176a54;font-weight:700}
@media(max-width:720px){.site-header{height:66px;padding:0 18px}.site-header nav{gap:10px}.site-header nav a:first-child{display:none}#account{font-size:11px}main{width:calc(100% - 28px);padding:18px 0 70px}.intro{padding:33px 25px}.intro p{font-size:14px}.intro-mark{display:none}.panel,.login{padding:22px 18px}.section-heading h2{font-size:24px}.source-tabs{width:100%}.source-tabs button{flex:1;font-size:12px;padding:10px 5px}.source-row{flex-direction:column}.source-row .quiet{align-self:flex-start}.preview-actions{align-items:flex-start;flex-direction:column}.phone-frame{height:600px}.receipt{align-items:flex-start;flex-direction:column}}