.app-screen{position:fixed;inset:0;z-index:20;background:#e8ebe9;overflow:auto}.screen-phone{width:min(100%,430px);margin:auto;min-height:100vh;background:var(--cream);padding-bottom:100px}.app-screen .wechat-bar button{position:absolute;left:15px;border:0;background:none;font-size:38px}.screen-hero{background:linear-gradient(145deg,#388477,#23685d);color:#fff;padding:34px 24px 48px}.screen-hero h1{margin:0;font-size:29px}.screen-hero p{margin:8px 0 0;color:#d9e9e5}.metric-strip{margin:-27px 22px 22px;background:#fff;border-radius:18px;padding:20px 9px;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 10px 25px #23443b12}.metric-strip div{text-align:center;border-right:1px solid #eceeed}.metric-strip div:last-child{border:0}.metric-strip b,.metric-strip small{display:block}.metric-strip b{font-size:22px;color:var(--green)}.metric-strip div:nth-child(2) b{color:var(--gold)}.metric-strip small{font-size:11px;color:#737e83;margin-top:4px}.service-group,.screen-card{margin:18px 22px;background:#fff;border-radius:18px;padding:20px}.service-group h2,.screen-card h2{margin:0 0 15px;font-size:20px}.service-item{border:2px solid transparent;background:#fff;border-radius:16px;padding:17px;margin:10px 0;display:flex;gap:14px;box-shadow:0 5px 20px #26443a0d}.service-item.featured{border-color:var(--green)}.service-icon{width:51px;height:51px;border-radius:15px;background:#e5f0ed;color:var(--green);display:grid;place-items:center;font-size:23px}.service-item div:nth-child(2){flex:1}.service-item b,.service-item small,.service-item em{display:block}.service-item small{font-size:12px;color:#758087;margin-top:5px}.service-item em{font-style:normal;color:#bc8c22;font-weight:700;margin-top:7px}.record-summary{background:linear-gradient(145deg,#388477,#23685d);color:#fff;padding:32px 23px 45px}.record-summary h1{margin:0}.record-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.record-stats div{background:#ffffff18;border-radius:16px;padding:18px 8px;text-align:center}.record-stats b,.record-stats small{display:block}.record-stats b{font-size:26px}.record-stats small{margin-top:5px;color:#dcebe7}.menu-list button{width:100%;border:0;border-bottom:1px solid #edf0ee;background:#fff;padding:18px 3px;text-align:left;display:flex;align-items:center;gap:14px}.menu-list button:last-child{border:0}.menu-list span{width:42px;height:42px;border-radius:13px;background:#edf4f1;display:grid;place-items:center}.menu-list em{margin-left:auto;font-style:normal;color:#9ba4a1}.course-filter{display:flex;gap:9px;overflow:auto;margin:18px 22px}.course-filter button{border:0;border-radius:22px;background:#eceeed;padding:10px 17px;white-space:nowrap}.course-filter .active{background:var(--green);color:#fff}.course{display:flex;gap:14px;background:#fff;border-radius:17px;padding:16px;margin-bottom:13px}.course-cover{width:105px;height:78px;border-radius:13px;background:linear-gradient(145deg,#22312e,#79968d);color:#fff;display:grid;place-items:center}.course b,.course small{display:block}.course small{color:#838d91;margin-top:8px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-tile{border:0;border-radius:17px;background:#f7f5ef;padding:19px;text-align:center}.role-tile span{width:58px;height:58px;border-radius:50%;background:#e4eeeb;display:grid;place-items:center;margin:auto;font-size:24px}.role-tile b{display:block;margin-top:9px}.role-tile.selected{background:#4e8c81;color:#fff}.mine-head{background:linear-gradient(145deg,#388477,#23685d);color:#fff;padding:35px 24px 45px}.profile{display:flex;align-items:center;gap:15px}.profile-avatar{width:72px;height:72px;border:2px solid #ffffff78;border-radius:50%;display:grid;place-items:center;font-size:30px}.profile h1{font-size:23px;margin:0}.profile p{margin:6px 0;color:#d8e9e5}.mine-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.mine-stats div{text-align:center;background:#ffffff18;border-radius:16px;padding:15px 5px}.mine-stats b,.mine-stats small{display:block}.mine-stats b{font-size:23px}.mine-stats small{margin-top:5px;color:#d8e9e5}.guard{margin:-21px 22px 18px;background:#fff8e8;border:1px solid #ead7a5;border-radius:17px;padding:17px}.guard b,.guard small{display:block}.guard small{color:#7a7d75;margin-top:4px}.screen-note{text-align:center;color:#87918e;font-size:12px;padding:0 24px;line-height:1.6}.app-screen .tabbar{z-index:26}
.record-title,.mine-profile,.guard-card{display:flex;align-items:center;gap:14px}.record-title>i,.mine-profile>i,.guard-card>i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ffffff1c;font-style:normal;font-size:26px}.record-title b,.record-title small,.mine-profile b,.mine-profile small,.guard-card b,.guard-card small{display:block}.record-title small,.mine-profile small{color:#d8e9e5;margin-top:5px}.record-menu,.course-list,.role-panel,.join-panel,.mine-menu{margin:18px 22px;background:#fff;border-radius:18px;padding:20px}.record-menu h2,.join-panel h2{margin:0 0 10px}.record-menu>button,.join-panel>button,.mine-menu>button{width:100%;border:0;border-bottom:1px solid #edf0ee;background:#fff;padding:16px 2px;display:flex;align-items:center;gap:13px;text-align:left}.record-menu>button i,.join-panel>button i,.mine-menu>button i{width:42px;height:42px;border-radius:13px;background:#edf4f1;display:grid;place-items:center;font-style:normal}.record-menu>button span,.join-panel>button span{flex:1}.record-menu>button b,.record-menu>button small,.join-panel>button b,.join-panel>button small{display:block}.record-menu>button small,.join-panel>button small,.record-menu p,.join-panel p,.mine-menu p{color:#7d878b;font-size:12px;margin-top:4px}.record-menu>button em,.join-panel>button em,.mine-menu>button em{margin-left:auto;font-style:normal;color:#99a29f}.service-item{width:100%;text-align:left}.service-item>i{flex:0 0 54px;height:54px;border-radius:15px;background:#e6f0ed;color:var(--green);display:grid;place-items:center;font-style:normal;font-size:25px}.service-item>span{flex:1}.service-item mark{border:0;border-radius:12px;background:#c99a2d;color:#fff;padding:3px 7px;font-size:10px}.service-item strong{display:block;color:#bd8a1f;font-size:21px;margin-top:4px}.learning-filters{display:flex;gap:8px;overflow:auto;margin:18px 22px}.learning-filters button{border:0;border-radius:20px;background:#e9eceb;padding:10px 15px;white-space:nowrap}.learning-filters .active{background:var(--green);color:#fff}.course{width:100%;border:0;text-align:left}.course>span:last-child{flex:1}.course mark{display:inline-block;border:0;border-radius:8px;background:#f5eafe;color:#8c37bc;padding:3px 8px;margin-top:7px}.course-cover{position:relative;font-size:25px}.course-cover small{position:absolute;right:7px;bottom:5px;color:#fff}.role-tile i{width:58px;height:58px;border-radius:50%;background:#e4eeeb;display:grid;place-items:center;margin:auto;font-style:normal;font-size:24px}.role-tile small{display:block;color:#7d878b;margin-top:5px}.role-tile.selected small{color:#e3f0ed}.join-panel h2 small{font-size:13px;color:#929a9e;font-weight:400}.mine-hero{background:linear-gradient(145deg,#388477,#23685d);color:#fff;padding:35px 24px 45px}.mine-profile>i{width:72px;height:72px;border:2px solid #ffffff78}.guard-card{margin:-21px 22px 18px;background:#fff8e8;border:1px solid #ead7a5;border-radius:17px;padding:17px}.guard-card>i{background:#f2e6bd;color:#bd8a1f}.guard-card>span{flex:1}.guard-card small{color:#747d7a;margin-top:4px}.guard-card em{font-style:normal;margin-left:auto}.mine-menu>button b{flex:1}.mine-menu>button span{color:#fff;background:#c99a2d;border-radius:50%;min-width:22px;text-align:center}.app-screen.hidden{display:none}
.feature-detail{text-align:center}.feature-detail>i{width:76px;height:76px;border-radius:24px;background:#e4f0ed;color:var(--green);display:grid;place-items:center;margin:0 auto 16px}.feature-detail>i .ui-icon{width:36px;height:36px}.feature-detail>p{color:#6f7b7f;line-height:1.7}.feature-steps{margin:22px 0;text-align:left}.feature-steps div{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #edf0ee}.feature-steps b{color:var(--green)}.feature-steps span{display:block;flex:1}.feature-steps strong,.feature-steps small{display:block}.feature-steps strong{font-size:15px;color:#24313b}.feature-steps small{margin-top:4px;color:#7a8582;line-height:1.5}.feature-detail .primary{width:100%;margin-top:8px}.feature-detail .screen-note{display:block;margin-top:15px}
.detail-cover{width:100%;height:140px;margin:0 0 16px;border-radius:18px}
button.guard-card{width:calc(100% - 44px);text-align:left;font:inherit;color:inherit;cursor:pointer}
.linked-orders,.order-detail{margin:18px;padding:18px;background:#fff;border-radius:24px;box-shadow:0 8px 24px rgba(33,70,61,.07)}
.linked-summary{display:flex;align-items:baseline;gap:10px;padding:4px 2px 16px;border-bottom:1px solid #edf0ef}
.linked-summary b{font-size:30px;color:var(--green)}.linked-summary span{color:#747f7c}
.linked-orders>button{position:relative;width:100%;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:10px;padding:17px 4px;border:0;border-bottom:1px solid #edf0ef;background:#fff;text-align:left}
.linked-orders>button span>*{display:block}.linked-orders>button small{margin-top:5px;color:#8a9390}.linked-orders>button em{margin-top:7px;color:#b17f20;font-style:normal}
.linked-orders>button mark{padding:5px 9px;border-radius:12px;background:#e7f2ee;color:var(--green)}.linked-orders>button i{font-size:24px;color:#a3aba8;font-style:normal}
.linked-empty{text-align:center;padding:32px 8px}.linked-empty b{font-size:20px}.linked-empty p{margin:10px 0 22px;color:#77827f;line-height:1.6}
.order-status{display:flex;align-items:center;gap:13px;padding:16px;border-radius:18px;background:#eaf2ef}.order-status i{width:46px;height:46px;display:grid;place-items:center;color:var(--green)}
.order-status svg{width:30px;height:30px}.order-status b,.order-status small{display:block}.order-status small{margin-top:4px;color:#77827f}
.order-detail dl{margin:16px 0}.order-detail dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 3px;border-bottom:1px solid #edf0ef}
.order-detail dt{color:#7a8582}.order-detail dd{margin:0;text-align:right;font-weight:600}
.order-detail .primary{width:100%;margin:8px 0 10px}.timeline .done>i{background:var(--green);color:#fff}
.appointment-panel{margin:18px;padding:18px;background:#fff;border-radius:24px;box-shadow:0 8px 24px rgba(33,70,61,.07)}
.appointment-context{padding:16px;border-radius:18px;background:#eaf2ef}.appointment-context b,.appointment-context small{display:block}.appointment-context small{margin-top:5px;color:#77827f}
.appointment-panel h2{margin:20px 0 12px;font-size:20px}.slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.slot-grid button{border:1px solid #cfe0db;border-radius:16px;background:#fff;padding:17px 8px;color:#22312e;font-weight:700}.slot-grid small{display:block;margin-top:5px;color:var(--green);font-weight:400}
.appointment-row{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #edf0ef;background:#fff;padding:16px 2px;text-align:left}.appointment-row>i{width:46px;height:46px;border-radius:14px;background:#eaf2ef;color:var(--green);display:grid;place-items:center}.appointment-row>i svg{width:25px;height:25px}.appointment-row>span{flex:1}.appointment-row b,.appointment-row small,.appointment-row em{display:block}.appointment-row small{margin-top:4px;color:#77827f}.appointment-row em{margin-top:5px;color:#9aa39f;font-style:normal}.appointment-row mark{border:0;border-radius:12px;background:#e7f2ee;color:var(--green);padding:5px 9px}
.entity-profile{margin:16px;padding:22px;background:#fff;border-radius:24px;box-shadow:0 8px 24px rgba(30,56,50,.08)}
.entity-heading{display:flex;gap:14px;align-items:center}.entity-heading>i{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e9f3ef;color:#347e70}.entity-heading span{display:grid;gap:5px}.entity-heading b{font-size:20px}.entity-heading mark{margin-left:8px;padding:4px 7px;border-radius:999px;background:#eef5f2;color:#347e70;font-size:10px}.entity-heading small,.entity-profile>p{color:#747d88}.entity-profile>p{line-height:1.7}
.entity-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.entity-tags span{padding:7px 10px;border-radius:999px;background:#f1f5f3;color:#347e70;font-size:12px}.entity-profile dl{margin:14px 0 18px}.entity-profile dl div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #eef0ef}.entity-profile dt{color:#858c94}.entity-profile dd{margin:0;text-align:right;font-weight:600}.entity-profile>.primary,.entity-profile>.outline{width:100%;margin-top:10px}
.inline-link{padding:0;border:0;background:none;color:#2f7d6d;font:inherit;font-weight:700}.review-summary{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:#f6f4ed}.review-summary>b{font-size:40px;color:#c89a2d}.review-summary span{display:grid;font-weight:700}.review-summary small{font-weight:400;color:#858c94}.review-row{display:flex;justify-content:space-between;padding:16px 4px;border-bottom:1px solid #eef0ef}.review-row small{color:#90969d}
.clinic{padding:0;border:0;background:#fff;text-align:left;color:inherit}
.product-switch{display:flex;gap:8px;overflow:auto;margin:18px 22px 10px;padding-bottom:2px}.product-switch button{border:0;border-radius:999px;background:#e9eceb;color:#5f6b68;padding:10px 14px;white-space:nowrap;font-weight:700}.product-switch button.active{background:var(--green);color:#fff}.product-center{margin:14px 22px 18px}.product-group-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px}.product-group-title b{font-size:21px}.product-group-title small{color:#7c8582}.product-grid{display:grid;gap:12px}.product-card{width:100%;border:0;border-radius:18px;background:#fff;padding:17px;text-align:left;display:grid;grid-template-columns:54px 1fr;gap:13px;box-shadow:0 8px 22px rgba(33,70,61,.07)}.product-card>i{width:54px;height:54px;border-radius:16px;background:#e7f1ee;color:var(--green);display:grid;place-items:center}.product-card h3{margin:0;font-size:18px}.product-card mark{margin-left:7px;border:0;border-radius:999px;background:#c99a2d;color:#fff;padding:3px 7px;font-size:10px}.product-card strong{display:block;color:#b17f20;font-size:19px;margin-top:5px}.product-card p{margin:7px 0 0;color:#6f7a77;font-size:13px;line-height:1.55}.product-card em{display:block;margin-top:9px;color:#7f8a86;font-style:normal;font-size:12px}.product-detail .product-hero{display:flex;gap:14px;align-items:center}.product-detail .product-hero>i{width:64px;height:64px;border-radius:20px;background:#e7f1ee;color:var(--green);display:grid;place-items:center}.product-detail h2{margin:0}.product-detail .price-line{color:#b17f20;font-weight:800;margin-top:7px}.deliverable-list{margin:16px 0;padding:0;list-style:none}.deliverable-list li{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ef;color:#4f5b58}.deliverable-list li:before{content:'✓';color:var(--green);font-weight:800}.service-boundary{background:#fff8e8;border:1px solid #ead7a5;border-radius:16px;padding:14px;color:#74633a;line-height:1.65;font-size:13px}.package-summary{border:1px solid #dce8e4;background:#fff;border-radius:18px;padding:15px;margin-bottom:20px}.package-summary b,.package-summary small,.package-summary em{display:block}.package-summary b{font-size:17px}.package-summary mark{margin-left:8px;border:0;border-radius:999px;background:#c99a2d;color:#fff;padding:3px 7px;font-size:10px}.package-summary small{margin-top:7px;color:#6f7a77;line-height:1.55}.package-summary em{font-style:normal;margin-top:8px;color:#b17f20;font-weight:800}.result-card .package{display:block;margin-bottom:9px;color:#b17f20}
.action-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.action-grid .outline{width:100%;margin:0}