:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#292d32;background:#f4f6f8;font-synthesis:none;--blue:#078fc9;--muted:#929aa3;--line:#edf0f2;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body{margin:0;min-width:320px;max-width:560px;min-height:100vh;margin-inline:auto;background:#f4f6f8;font-size:14px}button,input,select{font:inherit}button,a{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #62bce0;outline-offset:2px}main{min-height:calc(100vh - 48px);padding-bottom:calc(26px + var(--safe-bottom))}.webbar{height:48px;background:#fff;border-bottom:1px solid #f0f1f2;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;text-align:center}.webbar a,.webbar button{border:0;background:none;color:#333;text-decoration:none;font-size:24px;height:44px;display:grid;place-items:center}.web-title{font-size:15px;font-weight:600;line-height:18px}.hero{height:182px;background:linear-gradient(115deg,#168fc1 0%,#72c1da 54%,#c1e4ee 100%);position:relative;overflow:hidden;color:#fff;padding:21px 20px}.hero:before{content:"";position:absolute;left:-7%;right:-6%;bottom:-31px;height:96px;background:#fff;opacity:.2;transform:skewY(-7deg)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:47px;background:linear-gradient(180deg,transparent,rgba(12,77,107,.26))}.brand{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.seal{height:43px;width:43px;object-fit:contain}.brand strong{font-size:18px;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:1px;opacity:.9;margin-top:2px}.hero-copy{position:absolute;z-index:2;right:17px;top:20px;text-align:right;font-size:10px;line-height:1.8;opacity:.94}.hero-copy b{font-size:11px}.hospital{position:absolute;left:9%;right:4%;bottom:0;height:63px;z-index:1}.building{position:absolute;bottom:0;height:51px;width:59%;left:18%;background:linear-gradient(90deg,#e7f3f4 0 12%,#c7e3e9 12% 16%,#eef7f8 16% 88%,#cde6ec 88%);clip-path:polygon(8% 17%,52% 0,100% 16%,100% 100%,0 100%)}.building:after{content:"";position:absolute;left:20%;right:11%;top:14px;height:35px;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(32,127,157,.25) 12px 15px),repeating-linear-gradient(0deg,transparent 0 10px,rgba(32,127,157,.2) 10px 12px)}.wing{position:absolute;bottom:0;left:0;width:23%;height:35px;background:#d5e9eb;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}.wing.right{left:auto;right:0;width:17%;height:29px}.hero-caption{position:absolute;z-index:3;left:0;right:0;bottom:5px;text-align:center;font-size:9px;letter-spacing:2px}.section{background:#fff;margin-top:9px;padding:14px 12px 13px}.section-title{margin:0 0 10px;font-size:15px;font-weight:650;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:3px;height:16px;border-radius:3px;background:var(--blue)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:17px}.service{border:0;background:transparent;min-height:67px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;color:#4a5055;padding:2px 1px;text-decoration:none}.service .icon{width:34px;height:34px;color:#138fc6}.service .icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service span{font-size:12px;white-space:nowrap}.service:active{transform:scale(.96);color:var(--blue)}.toolbar-gap{height:8px}.form-area{padding:12px 14px;background:#fff}.field{min-height:51px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:9px}.field:last-child{border-bottom:0}.field label{color:#343a40}.field input,.field select{border:0;outline:0;background:transparent;min-width:0;width:100%;height:47px;color:#333;padding:0}.field input::placeholder{color:#c0c5ca}.field select{appearance:none}.chevron{font-size:20px;color:#bbc0c5}.send-code{border:0;background:transparent;color:#ef9d36;padding:8px 0;white-space:nowrap;font-size:12px}.send-code:disabled{color:#b6bbc0}.default-row{margin:11px 14px 13px;background:#fff;padding:13px 12px;display:flex;justify-content:space-between;align-items:center;border-radius:2px}.switch{width:42px;height:24px;border:0;border-radius:15px;background:#c9cdd1;padding:2px;transition:background .2s}.switch:before{content:"";display:block;width:20px;height:20px;background:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0002}.switch.on{background:#27bd75}.switch.on:before{transform:translateX(18px)}.primary{display:block;border:0;border-radius:3px;background:var(--blue);color:white;width:calc(100% - 28px);height:45px;margin:0 14px;font-size:15px;letter-spacing:1px;text-align:center;text-decoration:none;line-height:45px}.primary:active{background:#087caf}.secondary{display:block;width:calc(100% - 28px);height:43px;line-height:41px;text-align:center;margin:8px 14px 0;border:1px solid var(--blue);border-radius:3px;background:#fff;color:var(--blue);text-decoration:none;font-size:14px}.tips{margin:19px 14px 0;background:#fff;padding:13px 12px;color:#747b81;font-size:12px;line-height:1.75}.tips-title{display:flex;align-items:center;gap:6px;color:#3c464e;font-size:13px;margin-bottom:6px}.info{width:15px;height:15px;border-radius:50%;border:1px solid var(--blue);color:var(--blue);display:inline-grid;place-items:center;font-size:10px;font-weight:bold}.tips p{margin:3px 0}.copyright{text-align:center;color:#b1b5b8;font-size:10px;margin:22px 0 8px}.record-steps{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:#fff;color:#929aa3;font-size:12px}.record-steps .current{color:var(--blue);font-weight:600}.record-heading{font-size:14px;font-weight:600;margin:0;padding:13px 14px 8px}.record-note{margin:12px 14px;padding:11px 12px;background:#fff;color:#68747c;font-size:12px;line-height:1.7}.record-note strong{color:#3f4a51}.record-hint{padding:8px 14px 2px;color:#90999f;font-size:11px;line-height:1.6}.guardian-box[hidden]{display:none}.manage-actions{padding:14px 0}.manage-actions .primary{width:calc(100% - 28px);margin-bottom:0}.patient-list{padding:0 14px}.patient-card{background:#fff;border-radius:5px;padding:14px 13px;margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;box-shadow:0 2px 10px rgba(30,60,80,.035)}.patient-name{font-size:15px;font-weight:600}.patient-detail{color:#858d93;font-size:12px;margin-top:7px}.bound{color:#0a9ad0;font-size:12px}.default-tag{font-size:10px;background:#e6f6fc;color:#078fc9;border-radius:3px;padding:2px 5px;margin-left:6px}.empty-state{text-align:center;color:#b4bac0;padding:32px 0 12px;font-size:12px}.empty-icon{width:49px;height:43px;border:1px solid #d9dfe3;border-radius:5px;margin:0 auto 12px;position:relative}.empty-icon:after{content:"";position:absolute;left:11px;right:11px;top:12px;height:1px;background:#d9dfe3;box-shadow:0 7px #d9dfe3}.record-result{margin:14px;background:#fff;padding:24px 18px;text-align:center}.record-result-icon{width:48px;height:48px;margin:0 auto 10px;border:2px solid #27bd75;border-radius:50%;color:#27bd75;font-size:28px;line-height:43px}.record-result h2{margin:0 0 7px;font-size:17px}.record-result p{margin:5px 0;color:#778087;font-size:12px;line-height:1.7}.record-warning{color:#bb7419!important;background:#fff8eb;border-radius:3px;padding:9px 10px;margin-top:14px!important}.toast{position:fixed;z-index:20;bottom:calc(26px + var(--safe-bottom));left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:rgba(30,35,40,.86);color:#fff;border-radius:5px;padding:10px 15px;font-size:13px;max-width:86vw;transition:opacity .2s,transform .2s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:520px){body{box-shadow:0 0 28px #22334412}.hero{height:205px}}@media(max-width:390px){.hero-copy{display:none}}
 .hero{background-image:url('assets/bg.png');background-position:center;background-size:cover;background-repeat:no-repeat}
 .hero-caption{text-shadow:0 1px 3px rgba(0,0,0,.72),0 0 8px rgba(0,0,0,.45)}
 .hero{color:#fff}
 .hero .brand strong,.hero .brand small,.hero-copy{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.82),0 0 8px rgba(0,0,0,.55)}
 .hero-caption{color:#fff}
 .hero .brand{width:max-content;max-width:calc(100% - 40px)}
 .feature-card{background:#fff;margin:10px 0;padding:14px;border-bottom:1px solid var(--line)}
 .feature-title{margin:0 0 12px;font-size:15px;font-weight:650}
 .feature-note{margin:10px 0;color:#7b858c;font-size:12px;line-height:1.7}
 .feature-note.center,.center{text-align:center}
 .feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:#434a50;text-align:left}
 .feature-row:last-child{border-bottom:0}
 .feature-row p{margin:5px 0;color:#77828a;font-size:13px}
 .feature-row small,.feature-row small{display:block;color:#929aa3;font-size:11px;margin-top:5px}
 button.feature-row{width:100%;border:0;background:transparent;font:inherit}
 .link-row{cursor:pointer}
 .feature-empty{padding:24px 10px;text-align:center;color:#9aa2a8}
 .feature-action{width:100%;margin:8px 0}
 .feature-card .primary,.feature-card .secondary{display:block;width:100%;min-height:43px;border-radius:3px}
 .feature-card .primary{border:0;background:var(--blue);color:#fff}
 .feature-card .secondary{border:1px solid var(--blue);background:#fff;color:var(--blue)}
 .feature-card .text-button{border:0;background:transparent;color:var(--blue);padding:8px 0;white-space:nowrap}
 .feature-card details{padding:13px 0;border-bottom:1px solid var(--line)}
 .feature-card details:last-child{border-bottom:0}
 .feature-card summary{font-weight:550;cursor:pointer}
 .feature-card details p{margin:9px 0 0;color:#737d84;line-height:1.7}
 .feature-form,.feature-label{display:grid;gap:12px}
 .feature-form label,.feature-label{color:#505960;font-size:13px}
 .feature-form input,.feature-form select,.feature-label input,.feature-label select{display:block;width:100%;height:42px;margin-top:6px;padding:0 10px;border:1px solid #e1e5e8;border-radius:4px;background:#fff;color:#343a40}
 .feature-form input[type=file]{height:auto;padding:10px}
 .segmented{display:flex;gap:8px;margin:12px 0}
 .segmented button{flex:1;min-height:38px;border:1px solid #e2e7ea;border-radius:4px;background:#fff;color:#69747c;font-size:13px}
 .segmented button.active{border-color:var(--blue);color:var(--blue);background:#eef9fd}
 .fee-lines>div,.date-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 0;color:#59636a}
 .fee-lines .fee-total{margin-top:4px;padding-top:12px;border-top:1px solid var(--line);color:#31383d}
 .date-nav button{width:34px;height:32px;border:1px solid #e1e5e8;border-radius:50%;background:#fff;color:#68737a;font-size:19px}
 .amount,.danger{color:#e65a50}
 .status-chip{color:#1689bb;background:#eaf7fc;border-radius:12px;padding:3px 8px;font-size:11px;white-space:nowrap}
 .status-chip.pending{color:#bd7918;background:#fff6e8}
 .notice-card{padding:12px 0;border-bottom:1px solid var(--line)}
 .notice-card:last-child{border-bottom:0}
 .notice-card h3{margin:8px 0 5px;font-size:14px}
 .notice-card p{margin:5px 0;color:#748089;font-size:13px;line-height:1.6}
 .auth-illustration{width:76px;height:76px;margin:8px auto 14px;border-radius:50%;background:#eaf7fc;color:var(--blue);font-size:42px;line-height:76px;text-align:center}
 .balance-line{margin:14px 0;font-size:14px;color:#626d74}
 .balance-line strong{color:#242a2e;font-size:18px}
 .metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
 .metric-grid>div{padding:12px 4px;background:#f7f9fa;border-radius:5px}
 .metric-grid small,.metric-grid strong{display:block}
 .metric-grid small{margin-bottom:8px;color:#89939a;font-size:11px}
 .metric-grid strong{font-size:15px}
 body[data-page="feature"] main{padding:0 0 calc(26px + var(--safe-bottom))}
 .service.service-disabled,.service:disabled{color:#aeb5ba;cursor:not-allowed;opacity:.68;pointer-events:none}
 .service.service-disabled .icon,.service:disabled .icon{color:#b9c1c6}
 .service.service-disabled:active,.service:disabled:active{transform:none;color:#aeb5ba}
 .custom-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
 .custom-dates label{color:#505960;font-size:12px}
 .custom-dates input{display:block;width:100%;height:40px;margin-top:6px;padding:0 8px;border:1px solid #e1e5e8;border-radius:4px;background:#fff;color:#343a40}
 .custom-dates button{grid-column:1/-1}
 .feature-card .primary:disabled,.feature-card .secondary:disabled{border-color:#e2e5e7;background:#f1f3f4;color:#aeb5ba;cursor:not-allowed;opacity:.8}
 .card-actions{display:flex;flex-wrap:wrap;gap:14px;padding:6px 0}
 .demo-card{padding:10px 0;border-bottom:1px solid var(--line)}
.placeholder-main{display:block;min-height:calc(100vh - 48px);padding:0}
.placeholder-main img{display:block;width:100%;height:calc(100vh - 48px);object-fit:fill}