*{box-sizing:border-box}body{margin:0;background:#f5f4f0;color:#222a28;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.65}header{max-width:1200px;margin:auto;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #dddfd8}.brand{font-size:27px;color:#223d32;text-decoration:none;font-weight:750;letter-spacing:3px}.brand span{font-size:10px;letter-spacing:2px;margin-left:16px;font-weight:500}.tag{border:1px solid #c8d2c9;border-radius:30px;padding:5px 14px;font-size:12px;color:#51675b}main{max-width:1200px;margin:auto;padding:0 32px}.intro{padding:57px 0 36px}.eyebrow,.step{font-size:12px;letter-spacing:2px;color:#637468}.intro h1{font-size:52px;line-height:1.3;letter-spacing:-2px;margin:15px 0 16px;font-weight:600}.intro h1 span{color:#587b64}.intro p{color:#68716b;font-size:16px}.features{display:flex;gap:22px;margin-top:24px;color:#4e6458;font-size:12px}.features span:before{content:'✓';margin-right:8px}.workspace{display:grid;grid-template-columns:1fr 1.12fr;gap:24px}.panel{background:#fff;border:1px solid #e4e7df;border-radius:20px;padding:30px}h2{font-weight:600;font-size:22px;margin:9px 0 22px}.dropzone{display:flex;position:relative;align-items:center;justify-content:center;background:#f7f8f4;border:1.5px dashed #b9c9bb;border-radius:14px;height:344px;cursor:pointer;overflow:hidden}.dropzone:hover,.dropzone.drag{background:#edf3eb;border-color:#4d7359}#upload-copy{display:flex;align-items:center;flex-direction:column;gap:10px;color:#758477}#upload-copy strong{color:#405345;font-size:16px;font-weight:500}.upload-icon{border-radius:50%;background:#e6ede2;color:#4e7156;font-size:34px;width:66px;height:66px;line-height:66px;text-align:center;margin-bottom:8px}.dropzone input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone:focus-within{outline:2px solid #49694f;outline-offset:3px}#input-preview{width:100%;height:100%;object-fit:contain}.hint{font-size:12px;color:#7c857f;line-height:1.8}.privacy{margin-top:26px;padding:18px;background:#f5f7f2;border-radius:10px;color:#59705e;font-size:12px}.privacy p{margin:5px 0 0}.privacy b{font-size:13px}fieldset{border:0;padding:0;margin:22px 0}legend{font-size:14px;font-weight:600;margin-bottom:12px}small{font-weight:400;color:#849086;font-size:11px;margin-left:8px}.choice-grid,.cut-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1.5px solid #e3e7df;border-radius:12px;position:relative;overflow:hidden;cursor:pointer;padding-bottom:12px}.choice:has(input:checked),.cut:has(input:checked){border-color:#52765c;background:#f0f5ed}.choice input{position:absolute;right:10px;top:10px;accent-color:#42644d}.choice img{height:146px;width:100%;object-fit:contain;background:#f0f2ec}.choice b,.choice span{display:block;margin:6px 12px 0}.choice b{font-size:14px;font-weight:500}.choice span{font-size:11px;color:#7a847b;margin-top:0}.cut{display:flex;align-items:center;gap:9px;border:1.5px solid #e1e6dd;border-radius:10px;padding:10px;cursor:pointer}.cut img{width:40px;height:45px}.cut input{accent-color:#42644d}.consent{display:flex;gap:9px;font-size:12px;color:#747e74;margin:22px 0 18px;align-items:flex-start}.consent input{margin-top:4px;accent-color:#42644d;flex-shrink:0}button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:13px 22px;transition:background .15s}button:disabled{opacity:.55;cursor:wait}.primary{background:#2e4c3b;color:white}.primary:hover{background:#3b604a}#generate{width:100%;display:flex;justify-content:space-between}.secondary{border:1px solid #c5d0c5;color:#405d47;background:#f9faf7}.danger{background:transparent;color:#a15a49;border:1px solid #e0c8bf;padding:10px 15px;font-size:13px}.centered{text-align:center}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.result-heading h2{margin-bottom:7px}#results{background:white;padding:32px;border-radius:20px;border:1px solid #e4e7df}.photos{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.photo-card{background:#f4f5f0;border-radius:14px;padding:12px}.photo-card img{width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:8px;cursor:zoom-in}.photo-card .placeholder{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#849184;border:1px dashed #ced6cb;border-radius:8px}.photo-card a{color:#315e41;font-size:13px}.photo-bottom{display:flex;justify-content:space-between;padding:12px 3px 0}.photo-bottom b{font-size:14px;font-weight:500}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.group-label{font-size:14px;color:#5d7764;margin-top:22px}#notice:not(:empty){background:#fff0de;color:#805c28;border:1px solid #eed8b7;border-radius:10px;padding:13px 18px;margin-bottom:24px}#progress{color:#486751}.spinner{width:25px;height:25px;border:2px solid #cbd8c8;border-top-color:#486751;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:18px}@keyframes spin{to{transform:rotate(360deg)}}footer{display:flex;justify-content:space-between;color:#8b948b;font-size:11px;padding:35px 0 30px}dialog{border:0;border-radius:16px;padding:26px;max-width:min(90vw,560px);color:#314436}dialog::backdrop{background:#172820bb}#viewer{padding:8px;background:#fff;max-width:94vw;max-height:94vh}#large-photo{max-width:88vw;max-height:87vh;display:block}#close-viewer{position:absolute;right:18px;top:18px;padding:2px 12px;font-size:27px;background:#fffe}#confirm h2{margin-bottom:12px}#confirm p{color:#748075;font-size:14px}[hidden]{display:none!important}@media(max-width:760px){header{height:76px;padding:0 20px}.brand span{display:none}main{padding:0 18px}.intro{padding-top:34px}.intro h1{font-size:39px;letter-spacing:-1px}.intro p{font-size:14px}.workspace{grid-template-columns:1fr;gap:18px}.panel{padding:22px}.dropzone{height:285px}.photos{grid-template-columns:1fr}.result-heading{align-items:flex-start}.result-heading h2{font-size:19px}.danger{white-space:nowrap;padding:8px}#results{padding:20px}footer{display:block}footer span{display:block;margin-top:5px}.features{gap:14px}.actions button{flex:1}small{display:block;margin-left:0}.choice img{height:130px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}

.account-entry{text-decoration:none;white-space:nowrap}.account-entry:hover{background:#e8eee7}.site-footer{display:block;max-width:100%;line-height:1.8}.site-footer .hint{margin:8px 0;max-width:850px}.purchased-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.purchased-grid img{width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:10px;background:#edf0eb}.purchased-grid a{color:#315e41}.purchased-photo{min-width:0}@media(max-width:480px){.purchased-grid{gap:10px}}
.site-footer a,.account-footer a{color:inherit}
.account-footer .icp{display:block;margin-top:4px;font-size:12px}
#feedback-dialog{border:none;border-radius:18px;padding:24px;width:min(430px,calc(100vw - 32px));box-shadow:0 18px 50px rgba(28,48,35,.25)}
#feedback-dialog::backdrop{background:rgba(28,48,35,.45)}
#feedback-dialog h2{margin:0 0 14px;font-size:20px;color:#22331f}
#feedback-dialog label{display:block;margin:12px 0 4px;font-size:13px;color:#33462e}
#feedback-dialog select,#feedback-dialog textarea,#feedback-dialog input{width:100%;box-sizing:border-box;font:inherit;font-size:14px;border:1px solid #d6dfce;border-radius:9px;padding:10px;background:#fcfdfb;color:#22331f}
#feedback-dialog textarea{min-height:110px;resize:vertical}
#feedback-dialog .fb-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
#feedback-dialog .fb-cancel{background:none;border:none;color:#7e8e72;font:inherit;font-size:13px;cursor:pointer;padding:8px 4px}
#fb-status{min-height:1.2em}
.linklike{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}
.pc-pay-guide{margin:.6rem 0;padding:.8rem 1rem;border:1px solid var(--line,#ddd);border-radius:10px;text-align:left}
.pc-pay-guide p{margin:.2rem 0}
.pc-pay-guide ol{margin:.4rem 0 .7rem;padding-left:1.25rem;line-height:1.7}
/* R52: 全站三页共用 TAB 导航（当前页 .active 高亮） */
.tool-nav { margin-left: auto; display: flex; gap: 12px; }
.tool-nav a { padding: 12px 26px; border-radius: 12px; font-size: 16px; font-weight: 600; text-decoration: none; color: #44503f; border: 1px solid #d8d5ca; background: #fff; }
.tool-nav a.active { background: var(--brand, #2e6b45); color: #fff; border-color: var(--brand, #2e6b45); }
.tool-nav a:hover { border-color: var(--brand, #2e6b45); color: var(--brand, #2e6b45); }
.tool-nav a.active:hover { color: #fff; }
@media (max-width: 760px) {
  header { flex-wrap: wrap; height: auto; min-height: 76px; padding: 12px 16px; gap: 10px 0; }
  .tool-nav { width: 100%; justify-content: space-between; gap: 6px; }
  .tool-nav a { flex: 1; text-align: center; padding: 9px 6px; font-size: 13px; border-radius: 10px; white-space: nowrap; }
}
/* R39: 微信下载引导弹窗（共享，wx-guide.js 动态注入） */
#wx-guide { border: none; border-radius: 14px; padding: 22px; max-width: 430px; width: calc(100% - 32px); position: relative; overflow: visible; }
#wx-guide::backdrop { background: rgba(20, 28, 18, .6); }
#wx-guide h2 { font-size: 17px; margin-bottom: 12px; }
#wx-guide .wx-more { position: absolute; top: -44px; right: 8px; font-size: 22px; font-weight: 800; letter-spacing: 2px; color: #fff; background: rgba(46, 107, 69, .92); border-radius: 10px; padding: 8px 14px; }
#wx-guide .wx-pointer { position: absolute; top: -10px; right: 34px; width: 0; height: 0; border: 12px solid transparent; border-top-color: rgba(46, 107, 69, .92); border-bottom-width: 0; }
#wx-guide .wx-steps p { margin: 8px 0; font-size: 15px; line-height: 1.6; }
#wx-guide .wx-actions { display: flex; gap: 10px; margin-top: 14px; }
#wx-guide .wx-actions button { flex: 1; padding: 11px; border-radius: 10px; font-size: 15px; cursor: pointer; border: 1px solid #d8d5ca; background: #fff; }
#wx-guide .wx-actions .primary { background: #2e6b45; color: #fff; border: none; font-weight: 600; }
/* R39 SEO: 着陆页样式 */
.landing-main { max-width: 900px; margin: 0 auto; padding: 28px 20px 60px; }
.landing-head { padding: 40px 0 20px; }
.landing-head h1 { font-size: 36px; font-weight: 700; color: #22331f; margin: 8px 0; }
.lead { font-size: 17px; color: #55604f; line-height: 1.8; margin-bottom: 20px; }
.landing-card { background: #fff; border: 1px solid #e5e2d8; border-radius: 14px; padding: 28px; margin-bottom: 20px; box-shadow: 0 6px 20px rgba(34,51,31,.04); }
.landing-card h2 { font-size: 20px; font-weight: 700; margin: 0 0 14px; color: #22331f; }
.feature-list { list-style: none; padding: 0; margin: 0; }
.feature-list li { padding: 8px 0; font-size: 15px; line-height: 1.7; color: #44503f; border-bottom: 1px solid #f0f0ea; }
.feature-list li:last-child { border-bottom: none; }
.feature-list b { color: #2e6b45; }
.steps-list { padding-left: 20px; margin: 0; }
.steps-list li { padding: 6px 0; font-size: 15px; line-height: 1.7; color: #44503f; }
.funnel-card { background: rgba(46,107,69,.06); border: 1px solid rgba(46,107,69,.15); }
.funnel-card h2 { color: #2e6b45; }
.landing-card details { border-bottom: 1px solid #e5e2d8; padding: 12px 0; }
.landing-card details:last-child { border-bottom: none; }
.landing-card summary { font-size: 16px; font-weight: 600; cursor: pointer; color: #22331f; }
.landing-card details p { margin: 8px 0 0; font-size: 14px; color: #55604f; line-height: 1.7; }
.cta-btn { display: inline-block; background: #2e6b45; color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; padding: 14px 40px; border-radius: 12px; margin-top: 8px; }
.cta-btn:active { opacity: 0.85; }