:root{color-scheme:light;--ink:#101d37;--muted:#64748b;--line:#e1e7f0;--blue:#155dfb;--pale:#eef4ff;--surface:#f5f7fb;--green:#087a48;--red:#b42318;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #8bb5ff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #8bb5ff;border-color:var(--blue)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.25;letter-spacing:-1px;margin-bottom:14px}h2{font-size:20px;line-height:1.4;margin-bottom:16px}h3{font-size:17px}.muted{color:var(--muted)}.small,.field-help{font-size:13px}.tool-header{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));gap:24px}.tool-brand{color:var(--ink);font-size:27px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.tool-brand span{color:var(--blue);margin-left:-8px}.tool-brand:hover{text-decoration:none}.tool-header nav{display:flex;gap:28px;align-items:center}.tool-header nav a{color:var(--muted);font-size:14px}.tool-header nav .current{color:var(--blue);font-weight:700}.header-label{font-size:14px;color:var(--muted)}.admin-main{max-width:1240px;margin:auto;padding:44px 24px 72px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue);margin-bottom:14px}.page-heading p{margin-bottom:0}.channel-state{font-size:12px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px 16px;white-space:nowrap}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px}.panel-heading h2{margin:0}.step-number{font-size:12px;color:var(--blue);font-weight:700;background:var(--pale);border-radius:6px;padding:6px 8px}.admin-right{display:grid;gap:24px}label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}label span{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}input,select,textarea{width:100%;border:1px solid #cdd6e3;border-radius:6px;padding:11px 12px;background:#fff;color:var(--ink);min-height:46px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8a98ac}.amount-input{border:1px solid #cdd6e3;border-radius:7px;display:flex;align-items:center;gap:12px;padding:8px 18px}.amount-input:focus-within{outline:2px solid #8bb5ff}.amount-input span{font-size:24px;color:var(--muted)}.amount-input input{font-size:36px;font-weight:650;min-width:0;padding:0;border:none;outline:none!important;height:54px}.field-help{color:var(--muted);margin:8px 0 0;line-height:1.7}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:12px 18px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:600;min-height:46px;text-decoration:none!important}.primary{background:var(--blue);color:#fff}.primary:hover{background:#064ddd}.secondary{border-color:var(--line);background:#fff;color:var(--ink)}.secondary:hover{background:var(--surface)}.full-width{width:100%;margin-top:26px}.text-button{border:none;background:transparent;color:var(--blue);padding:10px 4px;font-size:13px;min-height:44px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.empty-state{text-align:center;padding:28px 12px;color:var(--muted)}.empty-state h3{color:var(--ink);margin:14px 0 8px}.empty-state p{font-size:13px;margin-bottom:0}.empty-mark{display:inline-flex;width:48px;height:48px;background:var(--pale);color:var(--blue);border-radius:50%;align-items:center;justify-content:center;font-size:26px}.generated-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.generated-summary strong{font-size:36px;font-weight:700}.generated-summary p{margin:8px 0 0;word-break:break-word}.badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:5px;font-size:12px;padding:4px 9px;color:#705200;background:#fff7da}.badge.paid{color:#086541;background:#e6f6ee}.badge.inactive{color:#64748b;background:#edf1f5}.instructions ol{list-style:none;padding:0;margin:0;counter-reset:steps}.instructions li{display:grid;grid-template-columns:24px 1fr;column-gap:12px;margin:18px 0;counter-increment:steps}.instructions li:before{content:counter(steps);color:var(--blue);font-size:12px;line-height:24px;background:var(--pale);border-radius:50%;text-align:center;grid-row:span 2;width:24px;height:24px}.instructions strong{font-size:14px}.instructions li span{font-size:13px;color:var(--muted);margin-top:4px}.history-panel{margin-top:32px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.history-heading h2{margin-bottom:6px}.history-heading p{margin-bottom:0}.history-toolbar{display:flex;gap:14px;margin:24px 0 20px}.history-toolbar input{max-width:380px}.history-toolbar select{max-width:180px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:12px;font-weight:500;color:var(--muted);background:#f7f9fc;padding:13px 12px;white-space:nowrap}td{padding:18px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle;min-width:105px}td:first-child{min-width:230px;max-width:350px;word-break:break-word}td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}td .text-button{margin-right:12px;white-space:nowrap}td:last-child{min-width:230px}td .danger{color:var(--red)}.empty-table{text-align:center;padding:25px;color:var(--muted)}.error{padding:12px 14px;background:#fff1ef;border:1px solid #ffd4ce;border-radius:6px;color:var(--red);font-size:13px;margin-top:16px;overflow-wrap:anywhere}dialog{border:1px solid var(--line);border-radius:14px;max-width:min(92vw,400px);padding:24px;color:var(--ink);text-align:center}dialog::backdrop{background:#0c193b80}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.dialog-top h2{margin:0}dialog img{display:block;max-width:100%;height:auto;margin:20px auto}.checkout-body{background:linear-gradient(180deg,#edf4ff 0,#f6f8fc 480px)}.checkout-main{max-width:600px;padding:44px 20px;margin:auto}.checkout-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 50px #10204708;padding:36px 40px}.checkout-card h1{font-size:24px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}.checkout-card #pay-note{white-space:pre-line;overflow-wrap:anywhere;font-size:14px}.pay-amount{display:flex;align-items:baseline;gap:8px;padding:16px 0 12px;flex-wrap:wrap}.pay-amount span{font-size:25px}.pay-amount strong{font-size:48px;line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere}.pay-amount small{font-size:12px;color:var(--muted);margin-left:4px}.state-line{font-size:13px;color:var(--muted);min-height:24px;margin-bottom:22px}.state-line.paid{color:var(--green);font-weight:700}.payment-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:0 0 26px;font-size:12px}.payment-meta div{display:grid;grid-template-columns:72px 1fr;gap:12px;margin:9px 0}.payment-meta dt{color:var(--muted)}.payment-meta dd{margin:0;overflow-wrap:anywhere;text-align:right}.checkout-card h2{font-size:16px;margin:0 0 6px}.method-list{display:grid;gap:12px;margin:18px 0 14px}.method{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:8px;min-height:78px;color:var(--ink)}.method:hover{border-color:#7ca8ff;background:#f8fbff}.method>span:nth-child(2){flex:1}.method strong,.method small{display:block}.method strong{font-size:15px}.method small{font-size:12px;color:var(--muted);margin-top:3px}.method-symbol{width:38px;height:38px;display:grid;place-content:center;border-radius:9px;font-size:18px;font-weight:bold}.wechat{color:#087b45;background:#e7f7ec}.alipay{color:#086bc7;background:#e6f4ff}.qr-section{text-align:center;margin-top:22px}.qr-section img{max-width:100%;height:auto;margin:14px auto;image-rendering:auto}.checkout-controls{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:18px}.payment-help{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:11px;line-height:1.7;color:var(--muted);text-align:center}.payment-help p{margin-bottom:3px}.back-home{display:block;text-align:center;margin:24px auto;font-size:12px;color:var(--muted)}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.admin-right{grid-template-columns:1fr 1fr}.tool-header{padding:0 24px}.admin-main{padding-top:32px}h1{font-size:30px}.panel{padding:24px}.history-toolbar input{max-width:none}}@media(max-width:620px){.tool-header{padding:0 18px;height:70px}.tool-brand{font-size:23px}.tool-brand img{width:28px;height:28px}.tool-header nav{gap:14px}.tool-header nav a{font-size:12px}.tool-header nav a:last-child{display:none}.admin-main{padding:26px 16px 48px}.admin-right{grid-template-columns:1fr}.panel{padding:22px 18px}.page-heading{margin-bottom:24px}h1{font-size:27px}.form-columns{grid-template-columns:1fr}.form-columns>div+div label{margin-top:16px}.history-heading{align-items:flex-start}.history-toolbar{flex-direction:column}.history-toolbar select{max-width:none}.checkout-main{padding:22px 14px}.checkout-card{padding:26px 22px}.pay-amount strong{font-size:42px}.checkout-card h1{font-size:21px}.button-row .button{flex:1}.generated-summary strong{font-size:30px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,border-color .15s}}
