:root{color:#172026;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-bar,.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,5vw,56px);border-bottom:1px solid #dce3dc;background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{font-size:18px;font-weight:800}.admin-link,.ghost-button,.secondary-button,.icon-text-button,.small-action,.upload-button{min-height:40px;border:1px solid #c9d6cf;background:#fff;color:#24323a;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:700}.public-main,.admin-main{width:min(1080px,calc(100% - 32px));margin:0 auto}.public-main{padding:28px 0 32px}.free-band,.paid-band,.order-band,.admin-section,.editor-panel{border:1px solid #dce3dc;background:#fff;border-radius:8px}.free-band{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start;gap:28px;padding:clamp(24px,5vw,52px)}.language-gate{min-height:100vh;display:grid;place-items:center;padding:24px 0}.hello-band h1{margin:0;color:#0f1f22;font-size:28px;line-height:1.2}.intro-copy h1,.section-head h2,.order-title h2,.admin-header h1,.login-panel h1,.admin-section h2{margin:8px 0 0;letter-spacing:0;color:#0f1f22}.intro-copy h1{max-width:680px;font-size:clamp(30px,6vw,56px);line-height:1.08}.kicker{color:#0f766e;font-size:13px;font-weight:850;text-transform:uppercase}.qr-stage,.pay-qr,.preview-square,.group-qr,.mini-preview{background:linear-gradient(135deg,#0f766e14,#f59e0b1a),#fbfcfb;border:1px solid #d5ded6;border-radius:8px;display:grid;place-items:center;overflow:hidden}.qr-stage{width:100%;min-height:180px;max-height:58vh;padding:12px}.free-group-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,240px));gap:14px;justify-content:center}.free-group-card{border:1px solid #dce3dc;border-radius:8px;background:#fbfcfb;padding:12px}.free-group-card h3{margin:10px 0 4px;color:#102126}.free-group-card p{margin:0;color:#66757b;line-height:1.5}.pay-qr img,.preview-square img,.group-qr img{width:100%;height:100%;object-fit:contain}.qr-stage img{width:auto;max-width:100%;height:auto;max-height:calc(58vh - 24px);object-fit:contain}.empty-qr{display:grid;place-items:center;width:100%;height:100%;min-height:180px;color:#607077;text-align:center;padding:16px}.empty-qr.small{min-height:96px}.paid-band,.order-band{margin-top:18px;padding:clamp(20px,4vw,34px)}.compact-paid-band{padding:18px}.compact-section-title h2{margin:0;color:#0f1f22;font-size:22px;line-height:1.25}.pay-page-band{margin-top:0}.back-link{margin-top:18px}.section-head,.order-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-head.tight{align-items:center;margin-bottom:20px}.section-head p{max-width:450px;margin:8px 0 0;color:#59666b;line-height:1.7}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:22px}.compact-package-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:14px}.package-button{min-height:132px;border:1px solid #b8cec7;border-radius:8px;background:#f8fbfa;color:#102a2a;padding:18px;text-align:left;display:grid;gap:8px}.compact-package-grid .package-button{min-height:104px;padding:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px}.package-button:hover{border-color:#0f766e}.package-title{font-weight:850}.package-price{color:#b45309;font-size:30px;font-weight:900}.compact-package-grid .package-price{grid-row:span 2;font-size:28px;white-space:nowrap}.compact-package-grid .package-meta{font-size:15px}.package-meta,.muted{color:#657278}.inline-state,.error-line,.success-line{margin:16px 0 0;color:#657278}.error-line{color:#b42318}.success-line{color:#047857}.status-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:850;color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa}.status-pill.paid,.status-pill.paid.compact{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.status-pill.failed,.status-pill.failed.compact{color:#991b1b;background:#fef2f2;border-color:#fecaca}.status-pill.compact{min-height:28px}.order-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #e3e9e4;color:#526269}.payment-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:center;margin-top:22px}.pay-qr{width:280px;aspect-ratio:1;padding:14px}.payment-copy{color:#55646a;line-height:1.7}.amount-line{color:#102a2a;font-size:32px;font-weight:900}.secondary-button{background:#eef7f4;border-color:#b8d6cd}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:22px}.group-card{border:1px solid #dce3dc;border-radius:8px;padding:14px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center}.group-qr{width:112px;aspect-ratio:1;padding:8px}.group-card h3{margin:0 0 6px}.group-card p{margin:0;color:#66757b;line-height:1.5}.trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.trust-row div{min-height:52px;display:flex;align-items:center;gap:8px;color:#314047;background:#eef2ed;border:1px solid #d8e1d8;border-radius:8px;padding:0 14px;font-weight:700}.footer-note{padding:18px;color:#6b767a;text-align:center}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);border:1px solid #dce3dc;background:#fff;border-radius:8px;padding:28px}.login-panel label,.form-grid label{color:#38474d;font-weight:750;display:grid;gap:8px}.login-panel label+label{margin-top:12px}.login-panel input,.form-grid input,.form-grid select{width:100%;min-height:42px;border:1px solid #c9d6cf;border-radius:8px;background:#fff;color:#162126;padding:0 12px}.primary-action{min-height:42px;border:1px solid #0f766e;background:#0f766e;color:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:850}.login-panel .primary-action{width:100%;margin-top:16px}.admin-page{min-height:100vh}.admin-header h1{font-size:24px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-tabs{width:min(1080px,calc(100% - 32px));margin:18px auto 0;display:flex;gap:8px;overflow-x:auto}.admin-tabs button{min-height:42px;border:1px solid #c9d6cf;background:#fff;color:#334249;border-radius:8px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;white-space:nowrap;font-weight:800}.admin-tabs button.active{color:#fff;background:#0f766e;border-color:#0f766e}.admin-status{width:min(1080px,calc(100% - 32px));min-height:24px;margin:0 auto}.admin-main{padding:8px 0 32px}.admin-section{padding:clamp(18px,3vw,28px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.image-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.image-config-grid.single{grid-template-columns:minmax(0,1fr)}.section-note{margin:6px 0 0;color:#657278;line-height:1.55}.payment-config{border:1px solid #dce3dc;border-radius:8px;padding:18px;margin-top:22px;background:#fbfcfb}.payment-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.payment-title svg{color:#0f766e;margin-top:3px}.payment-title h3{margin:0 0 6px;color:#102126}.payment-title p{margin:0;color:#657278;line-height:1.6}.upload-box{border:1px solid #dce3dc;border-radius:8px;padding:16px;display:grid;gap:12px}.upload-box.compact{align-content:start}.group-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.preview-square{width:180px;aspect-ratio:1;color:#657278}.upload-button{position:relative;width:fit-content}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.editor-panel{padding:18px;margin-bottom:18px}.checkbox-line{min-height:42px;display:flex!important;align-items:center;gap:10px!important;align-self:end}.checkbox-line input{width:18px;height:18px}.inline-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.mini-preview{width:72px;aspect-ratio:1;color:#657278}.mini-preview img{width:100%;height:100%;object-fit:contain}.table-wrap{overflow-x:auto;border:1px solid #dce3dc;border-radius:8px}table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #e5ebe6;padding:12px;text-align:left;vertical-align:middle}th{color:#506069;font-size:13px;background:#f4f7f4}td strong,td span{display:block}td span{color:#66757b;margin-top:4px}.id-cell{color:#0f766e;font-size:13px;font-weight:900;white-space:nowrap}.table-thumb{width:54px;height:54px;object-fit:contain;border:1px solid #dce3dc;border-radius:8px}.row-actions{display:flex;align-items:center;gap:8px}.link-actions{display:flex;align-items:center;gap:8px;min-width:190px}.link-text{color:#0f766e;font-size:13px;font-weight:800;margin:0;white-space:nowrap}.visits-table{min-width:1260px}.path-cell,.user-agent-cell{max-width:260px;overflow-wrap:anywhere;color:#526269;font-size:13px;line-height:1.45}.user-agent-cell{max-width:340px}.icon-button{width:36px;height:36px;border:1px solid #c9d6cf;border-radius:8px;background:#fff;color:#26363c;display:grid;place-items:center}.icon-button.danger{color:#b42318;border-color:#f3c3bc}.package-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.package-group-picker{border:1px solid #dce3dc;border-radius:8px;padding:14px;margin:16px 0;display:grid;gap:10px;background:#fbfcfb}.picker-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.picker-head span,.group-option small,.included-list{color:#657278}.group-option{min-height:46px;border:1px solid #dce3dc;border-radius:8px;background:#fff;display:flex;align-items:center;gap:10px;padding:8px 10px}.group-option input{width:18px;height:18px}.group-option span,.group-option small{display:grid;gap:2px}.admin-card{border:1px solid #dce3dc;border-radius:8px;padding:16px;display:grid;gap:12px}.admin-card h3{margin:6px 0}.admin-card p{margin:0;color:#657278;line-height:1.55}.price-admin{color:#b45309;font-size:26px;font-weight:900}.small-action{min-height:34px;padding:0 10px;border-color:#a7d7c8;background:#ecfdf5;color:#065f46}@media(max-width:760px){.site-bar,.admin-header{align-items:flex-start;flex-direction:column}.free-band,.payment-layout{grid-template-columns:1fr}.qr-stage{justify-self:stretch;width:100%}.section-head,.order-title{flex-direction:column}.trust-row,.image-config-grid,.group-code-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.group-card{grid-template-columns:96px minmax(0,1fr)}.group-qr{width:96px}.pay-qr{width:100%;max-width:280px}}