@font-face{font-family:YijianUI;src:local("PingFang SC")} 
.phone .small,.phone .muted{color:#74839b}.phone .card p,.phone .consult-card p,.phone .room-card p,.phone .hotel-card p,.phone .meal-item p{color:#78879e;font-size:12px}.phone .quick-item{font-size:12px}.phone .life-shortcut{font-size:12px}.phone .metric-time{color:#8191ad;font-size:10px}.phone .hero-copy p{color:#7784a5;font-size:12px}.phone .list-row p{font-size:11px;color:#8593a9}.phone .inline-info{color:#7688a9;font-size:12px}.phone .field label{font-size:13px}.phone .review-tip{color:#8695ad;font-size:11px}.phone .card h3{color:#354a6d}.phone .secondary svg{vertical-align:middle;width:15px;height:15px;margin-right:4px}.phone .large-text p,.phone .large-text .small,.phone .large-text .label,.phone .large-text .info-row,.phone .large-text .amount-row{font-size:14px!important;line-height:1.8}.phone .large-text .quick-item,.phone .large-text .life-shortcut{font-size:13px}.phone .large-text .card h3{font-size:17px!important}.phone .large-text .field input,.phone .large-text .field select{font-size:15px}
:root{--blue:#5368bf;--blue-dark:#344778;--blue-soft:#edf0ff;--ink:#27344e;--muted:#8991a3;--line:#ecedf2;--paper:#f5f6fa;--mint:#5c9d92;--mint-bg:#eaf5f1;--orange:#ca9468;--orange-bg:#fcf1e6;--lilac:#9a87c6;--radius:18px;--font:YijianUI,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:#f4f5f7;color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}svg{width:24px;height:24px;flex-shrink:0}p{margin:0;line-height:1.65}h1,h2,h3,h4{margin:0}small{font-size:11px}.review-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fff;border-bottom:1px solid #e6e8ef;gap:20px}.review-brand{display:flex;align-items:center;gap:12px;min-width:234px}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:500}.review-brand strong{font-size:18px;letter-spacing:2px;display:block}.review-brand div>span{display:block;font-size:11px;letter-spacing:1px;color:#8991a3;margin-top:4px}.review-tabs{display:flex;gap:5px;background:#f3f4f8;padding:5px;border-radius:11px}.review-tabs button{padding:9px 20px;font-size:13px;border-radius:7px;color:#8d93a3;white-space:nowrap}.review-tabs button.selected{background:white;color:var(--blue);box-shadow:0 2px 5px #1e2c4b0a;font-weight:600}.review-version{display:flex;align-items:center;gap:8px;font-size:12px;color:#858ea0}.date{margin-left:8px;color:#b2b7c3}.live-dot{width:6px;height:6px;display:inline-block;background:#8a9bcb;border-radius:50%;flex-shrink:0}.review-layout{display:grid;grid-template-columns:222px minmax(530px,1fr) 287px;min-height:calc(100vh - 82px)}.page-sidebar{background:#fff;border-right:1px solid #e6e8ef;padding:25px 18px;display:flex;flex-direction:column;height:calc(100vh - 82px);overflow:auto;position:sticky;top:0;scrollbar-width:thin}.sidebar-label{font-size:12px;color:#9bA2b1;display:flex;align-items:center;justify-content:space-between;margin:0 10px 21px;letter-spacing:1px}.sidebar-label span{border:1px solid #e6e8ee;padding:2px 6px;border-radius:5px;font-size:10px}.nav-group{margin-bottom:14px}.nav-group-title{padding:4px 10px 8px;color:#a1a7b6;font-size:10px;letter-spacing:1.5px}.page-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12px;color:#7c8598;border-radius:8px;text-align:left;margin:1px 0}.page-nav-item:hover{background:#f7f8fc}.page-nav-item.active{color:var(--blue);background:#edf0fb;font-weight:600}.page-nav-item .page-id{width:27px;font-size:9px;color:#a0a7b8;font-weight:500}.page-nav-item.active .page-id{color:#8a9bd5}.sidebar-footer{border-top:1px solid #eceef4;color:#a1a8b6;font-size:10px;line-height:1.9;padding:19px 10px 0;margin-top:auto}.mini-dot{width:5px;height:5px;background:#c0c8df;border-radius:50%;display:inline-block;margin-right:4px}.preview-stage{padding:25px 34px 20px;min-width:0;background:radial-gradient(ellipse at 49% 55%,#e8ebf4 0,transparent 63%),#f4f5f8}.stage-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a2aabc}.stage-top h1{font-size:17px;font-weight:500;letter-spacing:1px;margin-top:9px}.open-mobile{font-size:11px;color:#8d98b0;border:1px solid #dce0e9;padding:9px 11px;border-radius:8px;white-space:nowrap}.open-mobile span{margin-left:8px}.phone-wrap{width:390px;margin:auto}.phone{width:390px;height:812px;background:var(--paper);border:7px solid #fff;box-shadow:0 20px 70px #263c6a13,0 1px 4px #263c6a14;position:relative;border-radius:36px;overflow:hidden;display:flex;flex-direction:column}.status-bar{height:31px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-family:var(--font);font-size:12px;font-weight:600;color:#27344e;letter-spacing:.3px}.status-symbols{display:flex;gap:5px;align-items:center;font-size:10px}.battery{width:18px;height:9px;border:1px solid #27344e;border-radius:2px;position:relative}.battery:before{content:"";position:absolute;inset:1px;background:#27344e;border-radius:1px}.battery:after{content:"";width:2px;height:4px;right:-3px;top:1.5px;position:absolute;background:#27344e;border-radius:1px}.app-bar{height:46px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:0 10px}.app-bar strong{font-size:16px;letter-spacing:1px;font-weight:600}.app-bar .icon-button{position:absolute;left:5px;top:4px;width:38px;height:38px}.wechat-capsule{position:absolute;right:8px;top:7px;border:1px solid #e8e9ee;width:85px;height:29px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#202734;gap:9px;background:#ffffff80}.wechat-capsule span{font-size:19px;letter-spacing:1px;line-height:1;margin-top:-4px}.wechat-capsule i{width:1px;height:16px;background:#e4e5ec}.wechat-capsule b{font-size:20px;line-height:1}.app-bar strong{max-width:172px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-scroll{flex:1;min-height:0;overflow:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:14px;overscroll-behavior:contain}.phone-scroll::-webkit-scrollbar{display:none}.bottom-nav{height:65px;flex-shrink:0;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #eceef4;padding:6px 5px 9px}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:#a6adba}.bottom-nav svg{width:23px;height:23px}.bottom-nav .active{color:var(--blue);font-weight:600}.bottom-nav .active svg{filter:drop-shadow(0 2px 4px #526bbd22)}.device-caption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#98a1b3;margin-top:15px}.device-caption>span:last-child{font-size:9px;color:#b0b7c4;margin-left:auto}.review-notes{padding:34px 28px;background:#fff;border-left:1px solid #e6e8ef}.note-eyebrow{font-size:10px;letter-spacing:1px;color:#9ca5b7;margin-bottom:10px}.note-number{font-size:44px;font-family:Georgia,serif;color:#e2e6f1;line-height:1;margin:12px 0}.review-notes h2{font-size:20px;font-weight:500;line-height:1.6;margin-bottom:14px}.review-notes p{font-size:12px;color:#929aad;line-height:1.9}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 26px}.note-tags span{font-size:10px;color:#8d9ac0;background:#f1f3fa;padding:5px 8px;border-radius:5px}.note-rule{height:1px;background:#eceef5;margin:23px 0}.note-label{font-size:11px;font-weight:600;margin-bottom:11px}.note-step{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;color:#838da3;font-size:11px;line-height:1.7}.note-step b{width:20px;height:20px;flex-shrink:0;background:#f1f3fb;color:#8a9ac5;border-radius:6px;display:grid;place-items:center;font-size:9px}.note-link{display:block;width:100%;margin:12px 0;background:var(--blue-soft);color:var(--blue);padding:12px 15px;border-radius:9px;font-size:11px;text-align:left}.note-footer{margin-top:27px;background:#f8f9fc;border-radius:12px;padding:15px;color:#9aa2b4;font-size:10px;line-height:1.8}.state-picker{width:100%;margin-top:7px;padding:10px;border:1px solid #e6e9f1;border-radius:8px;background:#fff;color:#6e7b97;font-size:11px}.reset-demo{font-size:10px;color:#9da6b7;text-decoration:underline;margin-top:12px;padding:3px 0}.section-pad{padding:17px 17px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.section-title h2{font-size:17px;font-weight:600;letter-spacing:.5px}.section-title button{font-size:11px;color:#8b96b0;padding:4px 0}.section-title button:after{content:" ›";margin-left:4px}.page-intro{padding:21px 18px 15px}.page-intro .kicker{color:#96a2c6;font-size:10px;letter-spacing:2px;display:block;margin-bottom:7px}.page-intro h1{font-size:25px;font-weight:600;letter-spacing:.6px;line-height:1.4}.page-intro p{color:#929cb0;font-size:12px;margin-top:7px}.card{background:#fff;border-radius:var(--radius);padding:17px;margin-bottom:12px}.card-click{display:block;width:100%;text-align:left}.muted{color:var(--muted)}.small{font-size:11px}.label{font-size:12px;color:#8d97af}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row.start{justify-content:flex-start}.row.top{align-items:flex-start}.gap-8{gap:8px}.flex-1{flex:1;min-width:0}.mt-12{margin-top:12px}.mt-20{margin-top:20px}.mb-12{margin-bottom:12px}.primary{background:var(--blue);color:#fff;border-radius:12px;min-height:45px;padding:12px 20px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #5269ba18}.primary.full,.secondary.full{width:100%}.secondary{background:var(--blue-soft);color:var(--blue);border-radius:11px;padding:11px 17px;min-height:42px;font-size:13px}.text-button{font-size:12px;color:var(--blue);padding:3px}.pill{display:inline-block;color:var(--blue);background:#edf0fc;border-radius:5px;font-size:10px;padding:4px 7px;white-space:nowrap}.pill.mint{background:var(--mint-bg);color:#6a9a8b}.pill.orange{background:var(--orange-bg);color:#c3986b}.pill.gray{background:#f0f2f6;color:#929caf}.separator{height:1px;background:#eff0f6;margin:15px 0}.home-hero{height:221px;position:relative;background:linear-gradient(126deg,#e7e5f8 4%,#e8ecfb 59%,#e9f1f9 100%);padding:17px 20px;overflow:hidden}.home-hero:after{content:"";position:absolute;width:290px;height:130px;border:1px solid #ffffff83;border-radius:50%;left:-57px;top:145px;transform:rotate(-19deg)}.hero-location{font-size:10px;color:#838ab0;display:flex;align-items:center;gap:4px}.hero-location svg{width:11px;height:11px}.hero-copy{position:relative;z-index:2;max-width:193px;margin-top:19px}.hero-copy .eyeline{font-size:10px;color:#7d83ae;letter-spacing:1px}.hero-copy h1{font-size:25px;font-weight:600;color:#39457d;line-height:1.45;margin:7px 0 9px;letter-spacing:.5px}.hero-copy p{font-size:11px;color:#969dbb;max-width:147px}.hero-family{position:absolute;width:193px;right:-17px;bottom:8px;z-index:1}.hero-button{position:relative;z-index:3;background:#fff;color:#6b75ae;border-radius:22px;padding:8px 13px;font-size:10px;box-shadow:0 3px 9px #626ea30d;margin-top:14px}.hero-spark{position:absolute;right:50px;top:41px;color:#9aabd0;font-size:23px;font-weight:300;transform:rotate(16deg)}.hero-dot{width:6px;height:6px;background:#c4c2e0;border-radius:50%;position:absolute;right:24px;top:90px}.home-quick{position:relative;margin:-8px 13px 0;background:#fff;border-radius:20px;padding:17px 5px 13px;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 5px 20px #273c7006}.quick-item{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px;min-width:0}.tile-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:var(--blue);background:linear-gradient(145deg,#e6edff,#d3defd);box-shadow:inset 0 1px 2px #ffffffaa}.tile-icon svg{width:26px;height:26px;filter:drop-shadow(0 2px 1px #263c6a12)}.tile-icon.lilac{background:linear-gradient(145deg,#eee8fa,#dbd1f7);color:#9b83c5}.tile-icon.mint{background:linear-gradient(145deg,#e1f4ed,#c7e9dc);color:#6aaa93}.tile-icon.orange{background:linear-gradient(145deg,#fff0df,#f8daba);color:#d49e6a}.tile-icon.rose{background:linear-gradient(145deg,#fbe8ec,#f3d3dc);color:#c1879b}.family-bar{padding:0;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.family-member{font-size:12px;display:flex;align-items:center;gap:8px}.avatar{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#eaeffb;color:#7d8dc0;font-size:12px;font-weight:500;flex-shrink:0}.avatar.large{width:56px;height:56px;border-radius:18px;font-size:21px}.avatar.mint{background:#e7f3ec;color:#7a9b83}.avatar.orange{background:#fcf0e4;color:#bd9b76}.family-bar button{font-size:10px;color:#a0a8ba}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-card{border-radius:16px;background:#fff;padding:14px 15px;position:relative;overflow:hidden;text-align:left;min-height:127px}.metric-card.blue{background:linear-gradient(160deg,#f1f5ff,#eef2fb)}.metric-card.rose{background:linear-gradient(160deg,#fff1f3,#fcf2f5)}.metric-card .metric-label{font-size:12px;color:#7587b3;display:flex;align-items:center;gap:5px}.metric-card.rose .metric-label{color:#bd879a}.metric-label svg{width:16px;height:16px}.metric-number{font-size:27px;color:#495d96;margin-top:12px;font-weight:600;letter-spacing:-1px;line-height:1.3}.metric-number span{font-size:13px;font-weight:400;color:#8796b8;margin-left:2px}.metric-card.rose .metric-number{color:#ad7e91}.metric-time{font-size:9px;color:#a3aec7;margin-top:6px}.metric-add{position:absolute;top:12px;right:12px;color:#8ca0d2;width:22px;height:22px;background:#fff9;border-radius:50%;font-size:16px;display:grid;place-items:center}.metric-empty{font-size:16px;color:#a6aec3;margin-top:16px;font-weight:400;letter-spacing:0}.task-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:15px;text-align:left;width:100%;margin-top:11px}.task-card h3{font-size:13px;font-weight:600}.task-card p{font-size:10px;color:#a0a8b9;margin-top:4px}.task-check{width:32px;height:32px;background:#ecf5ef;display:grid;place-items:center;color:#8fb29e;border-radius:10px;flex-shrink:0}.task-check svg{width:19px;height:19px}.circle-arrow{border-radius:50%;background:#f6f7fb;width:22px;height:22px;color:#a2aec7;display:grid;place-items:center}.circle-arrow svg{width:12px;height:12px}.life-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.life-shortcut{display:flex;flex-direction:column;gap:9px;align-items:center;font-size:11px;white-space:nowrap}.life-shortcut>span{width:48px;height:46px;border-radius:15px;background:#eaeef8;display:grid;place-items:center;color:#98a7c7}.life-shortcut:nth-child(2)>span{background:#fbf0e6;color:#d5aa80}.life-shortcut:nth-child(3)>span{background:#e8f3ee;color:#8faf9f}.life-shortcut:nth-child(4)>span{background:#f2edf8;color:#a898c2}.benefit-strip{padding:13px 15px;background:linear-gradient(110deg,#edeef9,#f4f0f8);display:flex;align-items:center;gap:9px;border-radius:13px;text-align:left;width:100%;color:#7d7fa7;font-size:11px}.benefit-strip svg{width:20px;height:20px}.benefit-strip span{flex:1}.story-card{background:#fff;border-radius:16px;overflow:hidden;text-align:left;width:100%;margin-bottom:14px}.story-image{width:100%;height:108px;object-fit:cover;display:block}.story-text{padding:12px 14px}.story-text h3{font-size:14px;margin-bottom:5px}.story-text p{font-size:11px;color:#939db0}.page-tail{text-align:center;font-size:9px;color:#bcc2cf;letter-spacing:1px;padding:21px 0 9px}.health-summary{background:linear-gradient(130deg,#eaedf9,#eaf3f1);border-radius:19px;padding:18px;margin:0 17px 12px}.health-summary h2{font-size:18px;font-weight:500;line-height:1.6}.health-summary .summary-grid{display:flex;gap:23px;margin-top:19px}.summary-grid strong{display:block;font-size:19px;line-height:1.4;color:#697eb2}.summary-grid small{color:#9ca9bf;font-size:10px}.summary-grid>div+div{border-left:1px solid #dce2ed;padding-left:22px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 4px}.service-grid .quick-item{font-size:10px}.service-grid .tile-icon{width:41px;height:41px;border-radius:13px}.service-grid .tile-icon svg{width:22px;height:22px}.list-row{width:100%;display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0f1f6;text-align:left}.list-row:last-child{border-bottom:0}.list-row .tile-icon{width:36px;height:36px;border-radius:11px}.list-row .tile-icon svg{width:21px;height:21px}.list-row h3{font-size:13px;font-weight:500}.list-row p{font-size:10px;color:#a0a8b9;margin-top:4px}.list-row>svg:last-child{width:14px;height:14px;color:#aab3c7}.inline-info{padding:12px 14px;background:#eef2fa;color:#8c9bbc;border-radius:11px;font-size:11px;line-height:1.65;margin-bottom:12px}.inline-info.orange{background:#faf2e7;color:#bb9b71}.segmented{display:flex;background:#eceff6;padding:4px;border-radius:11px;margin:0 17px 14px;gap:3px}.segmented button{flex:1;text-align:center;padding:9px 3px;font-size:12px;border-radius:8px;color:#969fb3}.segmented button.active{color:var(--blue);background:#fff;box-shadow:0 2px 7px #293f6a08}.member-tabs{display:flex;gap:9px;margin-bottom:16px}.member-tabs button{border:1px solid #e8ebf3;color:#9aa3b7;padding:8px 15px;font-size:12px;border-radius:11px}.member-tabs button.active{color:var(--blue);border-color:#cfd8f5;background:#edf1ff}.report-preview{background:linear-gradient(135deg,#eaf0fc,#f4f4fc);border-radius:14px;padding:17px;color:#748cb8;display:flex;align-items:center;gap:14px;min-height:94px}.report-preview svg{width:37px;height:37px}.report-preview h3{font-size:15px;font-weight:500}.report-preview p{font-size:10px;color:#99a8c5;margin-top:5px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:17px}.field label{font-size:12px;color:#7e8da8}.field input,.field select,.field textarea{width:100%;border:1px solid #e5e9f3;background:#fafbfd;border-radius:10px;padding:12px;color:#5d6f91;font-size:13px;min-height:44px;outline:none}.field textarea{height:82px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9aacdf;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .field{min-width:0}.form-grid input{padding:10px 7px;font-size:12px}.check-line{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#949fb4;line-height:1.65;margin:14px 0}.check-line input{accent-color:var(--blue);flex-shrink:0;margin-top:3px}.form-error{color:#bd7684;background:#fff0f2;font-size:11px;padding:11px;border-radius:9px;margin-bottom:12px}.hero-detail{width:100%;height:205px;object-fit:cover;display:block}.image-caption{font-size:9px;color:#b4b9c6;background:#fff;padding:5px 17px}.detail-heading{background:#fff;padding:17px;margin-bottom:10px}.detail-heading h1{font-size:22px;font-weight:600}.detail-heading p{font-size:11px;color:#98a2b6;margin-top:6px}.details-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.price{font-size:23px;color:var(--blue);font-weight:600;letter-spacing:-.5px}.price:before{content:"¥";font-size:12px;margin-right:2px;font-weight:400}.old-price{font-size:11px;color:#b7bfce;text-decoration:line-through;margin-left:7px}.price small{font-size:10px;color:#a1abc0;font-weight:400;letter-spacing:0}.sticky-action{position:sticky;bottom:-14px;background:#fffffffa;border-top:1px solid #edf0f5;display:flex;align-items:center;gap:14px;padding:12px 17px;margin-top:14px;box-shadow:0 -4px 12px #283e6805;z-index:5}.sticky-action .primary{margin-left:auto;flex-shrink:0;font-size:13px;min-height:43px;padding:11px 18px}.sticky-action .price{font-size:23px}.hotel-card{background:#fff;border-radius:18px;overflow:hidden;margin-bottom:13px}.hotel-card>img{width:100%;height:140px;object-fit:cover;display:block}.hotel-card-body{padding:15px}.hotel-card h3{font-size:17px;font-weight:500;margin-bottom:6px}.hotel-card p{color:#a1abbf;font-size:11px}.hotel-card .row{margin-top:13px}.filter-box{background:#fff;border-radius:16px;padding:15px;margin-bottom:14px}.filter-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f2f6;font-size:12px}.filter-line:last-child{border:0;padding-bottom:0}.filter-line:first-child{padding-top:0}.room-card{display:flex;gap:13px;align-items:center;background:#fff;padding:15px;border-radius:16px;margin-bottom:10px}.room-card>img{width:79px;height:85px;border-radius:11px;object-fit:cover}.room-card h3{font-size:14px;font-weight:500}.room-card p{font-size:10px;color:#a0adc3;margin-top:4px}.room-card .row{margin-top:9px;gap:6px}.small-button{background:var(--blue);color:#fff;font-size:11px;padding:8px 13px;border-radius:8px}.small-button.outline{color:var(--blue);background:#eef2fd}.booking-summary{display:flex;gap:12px;align-items:center}.booking-summary img{width:67px;height:69px;object-fit:cover;border-radius:10px}.booking-summary h3{font-size:15px;font-weight:500;margin-bottom:6px}.booking-summary p{font-size:10px;color:#9ca8bf}.amount-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:12px 0;color:#8e9bb5}.amount-row strong{font-weight:500;color:#637493}.amount-row.discount,.amount-row.discount strong{color:#b79666}.amount-row.total{border-top:1px dashed #e0e5f0;padding-top:14px;margin-top:17px}.amount-row.total strong{color:var(--blue);font-size:22px;font-weight:600}.benefit-check{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(130deg,#f5ecd9,#faf4e7);padding:13px;border-radius:11px;font-size:11px;color:#ac905e;margin-top:12px}.benefit-check input{accent-color:#b19566}.meal-banner{height:116px;padding:19px;background:linear-gradient(115deg,#edf4ec,#e4efe4);position:relative;border-radius:17px;margin-bottom:14px;overflow:hidden}.meal-banner h2{font-size:22px;color:#748e71;font-weight:500}.meal-banner p{font-size:11px;color:#9daf94;margin-top:7px}.meal-visual{position:absolute;right:13px;top:24px;width:80px;height:80px;background:#fbfcf7;border-radius:50%;box-shadow:0 5px 15px #66866011;display:grid;place-items:center;font-size:40px;transform:rotate(-9deg);border:5px solid #e1e9d9}.day-selector{display:flex;gap:6px;margin-bottom:12px}.day-selector button{flex:1;background:#fff;color:#a2adbc;border:1px solid transparent;border-radius:12px;padding:8px 4px;font-size:10px}.day-selector strong{display:block;font-size:16px;font-weight:500;margin:5px 0 2px}.day-selector button.active{background:#eef3eb;border-color:#cddfc7;color:#6b8b67}.meal-item{display:flex;align-items:center;gap:12px;background:#fff;padding:13px;border-radius:16px;margin-bottom:11px}.food-visual{width:72px;height:75px;background:#f9f1e6;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-size:36px}.meal-item h3{font-size:14px;font-weight:500}.meal-item p{font-size:10px;color:#a2adc0;margin:5px 0 8px}.meal-item .price{font-size:18px;color:#b78d61}.quantity{display:flex;gap:10px;align-items:center;font-size:12px;color:#7789a5}.quantity button{width:22px;height:22px;background:#eef2fb;color:#829bc5;border-radius:7px;display:grid;place-items:center;font-size:17px;line-height:1;padding:0}.quantity button.plus{background:#6f8d68;color:#fff}.cart-bar{background:#fff;border:1px solid #e7ebf1;border-radius:15px;padding:12px;display:flex;align-items:center;justify-content:space-between;position:sticky;bottom:0;box-shadow:0 5px 15px #263c6a10;margin-top:15px;z-index:5}.cart-bar .price{color:#b78d61}.cart-bar .primary{background:#73936e;font-size:12px;min-height:41px;padding:10px 14px}.service-hero{position:relative;padding:21px;background:linear-gradient(120deg,#e6eff0,#e8eff8);border-radius:18px;margin-bottom:15px}.service-hero h2{font-size:22px;font-weight:500;color:#6c88a1;line-height:1.6;position:relative;z-index:1}.service-hero p{font-size:11px;color:#9aaec0;position:relative;z-index:1;margin-top:7px}.service-hero>svg{position:absolute;width:81px;height:81px;right:14px;bottom:11px;stroke-width:1;color:#cadbe3;transform:rotate(5deg)}.property-summary{padding:18px;background:linear-gradient(120deg,#e9f2ee,#ecf2f5);border-radius:17px;margin-bottom:15px}.property-summary h2{font-size:19px;font-weight:500;color:#728f85}.property-summary p{font-size:11px;color:#9bafa6;margin:7px 0 11px}.bill-card{background:#fff;padding:17px;border-radius:17px;margin-bottom:12px}.bill-card h3{font-size:15px;font-weight:500}.bill-card p{font-size:11px;color:#a2acc0;margin-top:6px}.bill-card .price{font-size:29px;margin:12px 0}.bill-card .amount-row{font-size:11px}.benefit-hero{margin:0 17px;background:linear-gradient(135deg,#ede2c9,#f8f0df 65%,#eee2ca);padding:22px;border-radius:20px;position:relative;overflow:hidden;color:#9d8150}.benefit-hero:after{content:"Y";position:absolute;right:19px;top:-12px;font:italic 100px Georgia,serif;color:#ffffff61}.benefit-hero .kicker{font-size:10px;letter-spacing:2px}.benefit-hero h2{font-size:24px;font-weight:500;margin:13px 0 5px}.benefit-hero p{font-size:11px;color:#ad986d}.benefit-hero .row{margin-top:22px;font-size:10px;position:relative;z-index:1}.benefit-hero button{border:1px solid #d5c19a;background:#fff3;color:#a78d5b;padding:6px 10px;border-radius:20px;font-size:10px}.coupon{display:flex;background:#fff;border-radius:15px;margin-bottom:12px;position:relative;overflow:hidden;text-align:left;width:100%}.coupon-main{padding:17px;flex:1;min-width:0}.coupon-main h3{font-size:14px;font-weight:500;margin-bottom:7px}.coupon-main p{font-size:10px;color:#9ca7bc;line-height:1.6}.coupon-main .pill{margin-bottom:9px;font-size:9px}.coupon-value{width:78px;background:#f6f0e5;color:#b19567;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px dashed #e8dcc8;position:relative}.coupon-value:before,.coupon-value:after{content:"";position:absolute;border-radius:50%;width:13px;height:13px;background:var(--paper);left:-7px}.coupon-value:before{top:-7px}.coupon-value:after{bottom:-7px}.coupon-value strong{font-size:22px;font-weight:500}.coupon-value small{font-size:9px;margin-top:7px}.coupon-value>span{font-size:9px;background:#eae0cd;padding:5px 9px;border-radius:20px;margin-top:13px}.identity-card{border-radius:17px;background:#fff;padding:19px;text-align:center;margin-bottom:12px}.identity-card h3{font-size:17px;font-weight:500;margin:13px 0 8px}.identity-card p{font-size:11px;color:#a0a8bb}.identity-card .tile-icon{margin:auto;width:57px;height:57px;border-radius:19px}.profile-header{padding:25px 20px 18px;background:linear-gradient(125deg,#e8eafa,#f0f2fb);display:flex;align-items:center;gap:13px}.profile-header h1{font-size:20px;font-weight:500}.profile-header p{font-size:10px;color:#9da6c0;margin-top:7px}.profile-header .avatar{background:#ffffffba;color:#91a1cd}.profile-stats{display:flex;justify-content:space-around;background:#fff;padding:20px 12px 16px;margin-bottom:13px}.profile-stats button{font-size:10px;color:#a0abc0}.profile-stats strong{font-size:20px;font-weight:500;display:block;color:#7285b3;margin-bottom:6px}.order-summary{background:#fff;padding:17px;border-radius:17px;margin-bottom:13px}.order-type{color:#a5afc0;display:flex;align-items:center;gap:5px;font-size:10px}.order-type svg{width:13px;height:13px}.order-summary h3{font-size:15px;font-weight:500;margin:12px 0 7px}.order-summary p{font-size:11px;color:#a0aabc}.order-summary .row:last-child{margin-top:14px}.success-hero{text-align:center;padding:30px 20px 18px}.success-icon{background:linear-gradient(140deg,#e1efe7,#ecf7ef);border-radius:50%;width:67px;height:67px;color:#87af99;display:grid;place-items:center;margin:0 auto 17px;box-shadow:0 0 0 8px #eff6f23d}.success-icon svg{width:34px;height:34px;stroke-width:1.5}.success-hero h1{font-size:24px;font-weight:500;letter-spacing:.5px}.success-hero p{font-size:11px;color:#a0abc0;margin-top:11px}.timeline{border-left:1px solid #dce5f0;margin:19px 5px 6px 9px;padding-left:18px}.timeline-item{position:relative;font-size:12px;margin:0 0 21px;color:#7386a7}.timeline-item:before{content:"";width:7px;height:7px;border-radius:50%;background:#9cb3d1;position:absolute;left:-22px;top:4px;border:2px solid #fff;box-sizing:content-box}.timeline-item small{display:block;color:#b0bbce;font-size:10px;margin-top:6px}.empty-state{text-align:center;padding:28px 15px}.empty-state>.tile-icon{width:63px;height:63px;border-radius:21px;margin:auto;color:#a4b6d7;background:#eff3fb}.empty-state>.tile-icon svg{width:32px;height:32px}.empty-state h2{font-size:18px;font-weight:500;margin:18px 0 10px;color:#7b8eaf}.empty-state p{font-size:11px;color:#a7b2c4;line-height:1.8;max-width:245px;margin:0 auto 18px}.chart{width:100%;height:132px;margin-top:14px;overflow:visible}.chart-grid{stroke:#e7edf7;stroke-width:1;stroke-dasharray:3 5}.chart-line{stroke:#809ccc;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:white;stroke:#809ccc;stroke-width:2}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#b0bfd3;padding:0 3px;margin-top:4px}.metric-large{font-size:36px;font-weight:500;color:#6d85b3;margin-top:11px}.metric-large span{font-size:12px;color:#9caccc;margin-left:7px}.record-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f6;padding:12px 0;color:#9aabc4;font-size:11px}.record-row strong{font-size:13px;font-weight:500;color:#758cb3}.progress-bar{height:5px;background:#edf0f6;border-radius:5px;overflow:hidden;margin-top:15px}.progress-bar span{height:100%;display:block;background:#94b8a4;border-radius:5px}.plan-task{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #edf1f5;width:100%;text-align:left;font-size:12px;color:#8699b5}.plan-task:last-child{border-bottom:0}.checkbox-round{width:21px;height:21px;border:1px solid #d8e1ee;border-radius:50%;display:grid;place-items:center;color:#fff;flex-shrink:0}.plan-task.done .checkbox-round{background:#8aaa9b;border-color:#8aaa9b}.plan-task.done{color:#a7b9ac}.plan-task small{display:block;font-size:10px;color:#a8b5c9;margin-top:5px}.consult-card{background:#fff;padding:17px;border-radius:16px;margin-bottom:12px}.doctor-portrait{width:64px;height:71px;background:linear-gradient(145deg,#eef3fc,#e4ebf7);display:grid;place-items:center;color:#90a5c9;font-size:33px;border-radius:17px}.consult-card h3{font-size:17px;font-weight:500}.consult-card p{font-size:11px;color:#9cabC3;margin-top:5px}.consult-card .tags{display:flex;gap:5px;margin-top:7px}.consult-card .tags>span{font-size:9px;color:#9aaac6;background:#f2f5fc;padding:3px 5px;border-radius:4px}.time-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.time-options button{border:1px solid #e4e9f3;border-radius:9px;padding:10px 2px;font-size:11px;color:#9aa7be;background:#fff}.time-options button.active{color:var(--blue);background:#edf1fc;border-color:#c4d0f0}.project-card{border-radius:18px;background:#fff;overflow:hidden;margin-bottom:13px}.project-landscape{height:123px;background:linear-gradient(170deg,#e7f0e6,#dfe9e4);display:flex;align-items:flex-end;justify-content:center;color:#a3b9ac;position:relative;padding-bottom:18px}.project-landscape svg{width:74px;height:74px;stroke-width:.8}.project-landscape:after{content:"概念示意";font-size:9px;color:#a9b6b2;position:absolute;bottom:8px;right:10px}.project-card-body{padding:16px}.project-card h3{font-size:18px;font-weight:500}.project-card p{font-size:11px;color:#99a9be;margin-top:7px}.project-card .row{margin-top:14px}.phone-modal{position:absolute;inset:0;background:#2534513d;z-index:30;display:flex;align-items:flex-end;backdrop-filter:blur(2px)}.modal-sheet{width:100%;background:#fff;border-radius:24px 24px 0 0;padding:21px 19px 25px;max-height:85%;overflow:auto;animation:slideUp .2s ease}.modal-handle{width:34px;height:3px;border-radius:3px;background:#dce2ed;margin:-8px auto 18px}.modal-sheet h2{font-size:19px;font-weight:500;margin-bottom:11px}.modal-sheet p{font-size:11px;color:#a0acc1;line-height:1.8}.modal-close{font-size:20px;color:#a0acc2;padding:3px 5px}.modal-options{margin-top:15px}.modal-options>button{width:100%;text-align:left;padding:13px;display:flex;align-items:center;gap:11px;background:#f8faff;border:1px solid #edf0f7;border-radius:12px;margin-top:9px;color:#8195b5;font-size:13px}.toast{position:absolute;top:93px;left:22px;right:22px;border-radius:11px;padding:11px 15px;background:#3f5275ed;color:#fff;font-size:12px;z-index:50;opacity:0;transform:translateY(-8px);transition:.2s ease;pointer-events:none;box-shadow:0 6px 20px #273c701e}.toast.show{opacity:1;transform:translateY(0)}.board-view{grid-column:2 / 4;padding:38px 42px;background:#f4f5f8;min-width:0;min-height:calc(100vh - 82px)}.board-eyebrow{font-size:10px;letter-spacing:2px;color:#a0aabe;margin-bottom:10px}.board-view>h1{font-size:30px;font-weight:500;line-height:1.6;letter-spacing:1px}.board-description{font-size:13px;color:#959fb3;margin:11px 0 25px;max-width:690px;line-height:1.9}.map-hub{background:#fff;border-radius:18px;padding:25px 28px;margin-bottom:23px}.map-hub-top{display:flex;align-items:center;justify-content:center}.hub-home{padding:16px 32px;background:#e9edf9;border:1px solid #dce4f9;color:#7c8bbc;border-radius:13px;text-align:center;font-size:15px;position:relative}.hub-home small{display:block;margin-top:6px;color:#a1adc9;font-size:10px}.hub-branches{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.hub-branches:before{content:"";height:1px;background:#dce3f1;position:absolute;top:-23px;left:12%;right:12%}.hub-home:after{content:"";height:23px;width:1px;background:#dce3f1;position:absolute;top:100%;left:50%}.hub-branches>button{border:1px solid #e4e9f3;border-radius:11px;padding:14px;font-size:13px;color:#8595b3;position:relative}.hub-branches>button:before{content:"";width:1px;height:23px;bottom:100%;background:#dce3f1;position:absolute;left:50%}.hub-branches small{display:block;color:#aab6ca;font-size:10px;margin-top:6px}.flow-lane{background:#fff;border-radius:17px;padding:22px 25px;margin-bottom:16px;overflow-x:auto}.flow-lane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.flow-lane h2{font-size:17px;font-weight:500;display:flex;align-items:center;gap:10px}.flow-lane h2 span{width:27px;height:27px;background:#f1f4fb;display:grid;place-items:center;font-size:10px;color:#97a5c5;border-radius:8px}.flow-lane-header>span{font-size:10px;color:#a0adc3}.flow-nodes{display:flex;align-items:stretch;min-width:670px;gap:0}.flow-node{flex:1;background:#f6f8fc;border:1px solid #e5eaf5;border-radius:12px;padding:13px 10px;text-align:left;min-width:98px;position:relative;transition:.2s}.flow-node:hover{transform:translateY(-3px);background:#edf2fd;box-shadow:0 6px 12px #293f6a09}.flow-node>span{font-size:9px;color:#a2b1cc;display:block;margin-bottom:10px;letter-spacing:1px}.flow-node strong{font-size:11px;font-weight:500;display:block;color:#7a8bae}.flow-node small{display:block;font-size:9px;margin-top:8px;color:#aab5c9;line-height:1.7}.flow-connector{width:25px;flex-shrink:0;display:grid;place-items:center;color:#c0cada;font-size:16px}.flow-lane.green .flow-node{background:#f4f8f4;border-color:#e1ece0}.flow-lane.green .flow-node strong{color:#829b7d}.flow-lane.gold .flow-node{background:#faf7f1;border-color:#efe8d9}.flow-lane.gold .flow-node strong{color:#ac9570}.flow-note{margin-top:14px;font-size:10px;color:#a0acc0;line-height:1.7}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.design-card{background:#fff;border-radius:19px;padding:27px}.design-card h2{font-size:19px;font-weight:500;margin-bottom:16px}.design-card p{color:#94a0b7;font-size:12px;line-height:1.9}.swatches{display:flex;gap:10px;margin-top:21px}.swatch{flex:1;min-width:0}.swatch>div{height:55px;border-radius:10px}.swatch span{display:block;font-size:10px;color:#a4aec2;margin-top:9px}.principle{margin-top:16px;padding-top:16px;border-top:1px solid #edf0f6}.principle strong{font-size:12px;font-weight:500;color:#7284a3;display:block;margin-bottom:5px}.reference-images{display:flex;align-items:flex-start;gap:15px;margin:18px 0}.reference-images img{width:calc(50% - 8px);border-radius:10px;border:1px solid #eef1f6}.reference-label{font-size:10px;color:#a4b0c6;line-height:1.8}.review-checklist{padding:0;list-style:none;margin:15px 0 0}.review-checklist li{padding:12px 0;border-bottom:1px solid #eef1f6;font-size:12px;color:#8fa0bc;display:flex;gap:12px;line-height:1.8}.review-checklist b{font-size:10px;color:#a4b2cc;min-width:16px}.data-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:18px}.data-table th,.data-table td{padding:12px 8px;border-bottom:1px solid #edf0f6;text-align:left;color:#97a5bd;line-height:1.7;font-weight:400}.data-table th{font-weight:500;color:#7e91b1}.link-list{margin-top:19px;display:flex;gap:8px;flex-wrap:wrap}.link-list a{background:#edf2fb;color:#899bbc;border-radius:7px;padding:8px 11px;font-size:10px}.mobile-mode{background:#f5f6fa}.mobile-mode .review-header,.mobile-mode .page-sidebar,.mobile-mode .review-notes,.mobile-mode .stage-top,.mobile-mode .device-caption,.mobile-mode .board-view{display:none!important}.mobile-mode .review-layout{display:block;min-height:100dvh}.mobile-mode .preview-stage{padding:0;min-height:100dvh;background:var(--paper)}.mobile-mode .phone-wrap{width:100%;max-width:500px;margin:auto}.mobile-mode .phone{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.mobile-mode .status-bar{display:none}.mobile-mode .bottom-nav{padding-bottom:max(9px,env(safe-area-inset-bottom));height:calc(65px + env(safe-area-inset-bottom))}.mobile-mode .home-hero{height:233px}.mobile-mode .hero-family{width:205px;right:-7px}.mobile-mode .home-hero .hero-copy{max-width:210px}.mobile-mode .phone-scroll{padding-bottom:14px}.mobile-mode .app-bar{height:50px;padding-top:4px}.mobile-mode .wechat-capsule{top:11px}.mobile-mode .app-back{top:8px}.board-view .inline-info{background:#e9edf6}.focus-banner{font-size:10px;letter-spacing:1px;color:#9eabc2;padding:9px 17px;background:#eef1f8}.package-hero{margin:0 17px;background:linear-gradient(135deg,#e4e9fc,#e9f3f7);border-radius:18px;padding:22px;position:relative;overflow:hidden}.package-hero svg{position:absolute;width:90px;height:90px;right:-5px;bottom:9px;color:#ccd9ec;stroke-width:1}.package-hero h2{font-size:22px;font-weight:500;line-height:1.6;color:#768fbc;position:relative}.package-hero p{font-size:11px;color:#9fb1cc;margin-top:9px;position:relative;max-width:211px}.package-hero .pill{background:#ffffffaa;margin-top:20px}.bullet-list{list-style:none;margin:12px 0 0;padding:0}.bullet-list li{font-size:12px;color:#8c9dbc;padding:10px 0;border-bottom:1px solid #eff2f7;display:flex;align-items:center;gap:9px}.bullet-list li svg{width:15px;height:15px;color:#9db6ca}.settings-list .list-row{padding:17px 0}.settings-list .list-row h3{font-size:13px}.appointment-price{font-size:11px;color:#a0aec6}.search-box{display:flex;align-items:center;background:#fff;border-radius:10px;border:1px solid #e7ebf4;padding:10px 12px;gap:8px;margin:0 17px 13px;color:#a6b1c6}.search-box svg{width:16px;height:16px}.search-box input{border:0;outline:0;background:none;width:100%;font-size:11px;color:#899cba}.paper-report{background:#fff;border-radius:16px;padding:21px;margin-bottom:12px;border-top:3px solid #96b3cd}.paper-report h2{font-size:20px;font-weight:500;color:#7c95b9}.paper-report .report-index{display:flex;justify-content:space-between;border-bottom:1px dashed #e1e8f2;margin-top:16px;padding-bottom:14px;font-size:10px;color:#a4b2c7}.info-row{font-size:12px;color:#8c9eb9;display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eef2f7}.info-row span:last-child{color:#6f85a6;text-align:right}.info-row:last-child{border-bottom:0}.assessment-options{display:flex;flex-direction:column;gap:9px;margin:18px 0}.assessment-options label{background:#f9fbff;border:1px solid #e8edf7;border-radius:10px;padding:13px 12px;color:#93a4c0;font-size:12px;display:flex;align-items:center;gap:10px}.assessment-options input{accent-color:var(--blue)}.review-tip{font-size:10px;color:#a2afc5;text-align:center;margin:12px 0 3px;line-height:1.65}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-height:1000px){.preview-stage{padding-top:35px}.stage-top{margin-bottom:37px}.phone-wrap{margin-top:22px}}@media(max-width:1240px){.review-layout{grid-template-columns:196px minmax(460px,1fr) 245px}.review-notes{padding:29px 22px}.preview-stage{padding:25px 24px}.review-header{padding:0 23px}.review-brand{min-width:202px}.review-version .date{display:none}.stage-top h1{font-size:15px}.stage-top .open-mobile{padding:8px}}@media(max-width:1030px){.review-layout{grid-template-columns:190px minmax(440px,1fr)}.review-notes{display:none}.board-view{grid-column:2}.review-version{display:none}.design-grid{grid-template-columns:1fr}.review-brand{min-width:180px}.board-view{padding:30px 27px}.phone-wrap{margin-top:0}}@media(max-width:680px){.review-header{height:68px;padding:0 14px;gap:5px}.review-brand{min-width:0;gap:7px}.brand-mark{width:31px;height:31px;border-radius:10px;font-size:19px}.review-brand strong{font-size:13px;letter-spacing:1px}.review-brand div>span{font-size:8px;letter-spacing:0}.review-tabs{gap:1px;padding:3px}.review-tabs button{padding:8px 9px;font-size:10px}.review-layout{display:block;min-height:calc(100dvh - 68px)}.page-sidebar{display:none}.preview-stage{padding:17px 10px}.stage-top{margin-bottom:14px}.stage-top h1{font-size:13px;letter-spacing:0}.eyebrow{font-size:7px;letter-spacing:1px}.open-mobile{font-size:9px!important;padding:7px!important}.phone-wrap{width:min(390px,100%)}.phone{width:100%;height:812px;border-width:5px;border-radius:28px}.board-view{padding:25px 16px}.board-view>h1{font-size:23px}.board-description{font-size:11px}.map-hub{padding:20px 15px}.hub-branches{gap:8px}.hub-branches>button{padding:10px 4px;font-size:11px}.hub-branches small{font-size:8px}.flow-lane{padding:18px 14px}.design-card{padding:21px}.review-tabs button.selected{box-shadow:none}.device-caption{font-size:9px}.hero-copy h1{font-size:24px}.home-hero{padding-left:17px}.hero-family{width:187px;right:-20px}.home-hero .hero-copy{max-width:183px}}
/* Keep the device and primary navigation visible in a compact review window. */
@media(min-width:681px){.phone{height:min(812px,calc(100dvh - 215px));min-height:500px}.preview-stage{padding-top:21px}.stage-top{margin-bottom:15px}.device-caption{margin-top:11px}}
.phone .hero-copy p{max-width:184px;font-size:11px;white-space:nowrap;line-height:1.7}.hero-copy{margin-top:17px}.hero-copy h1{font-size:24px;margin-bottom:8px}.hero-button{margin-top:10px}.phone .hero-copy p{color:#7480a3}.phone .home-hero .hero-button{background:#ffffffd9;color:#6174a8}
.phone .task-card p{color:#8290a6;font-size:11px}.phone .section-title button{color:#7b8ba7}.phone .family-bar button{color:#7e8ba2}.phone .home-quick{padding-bottom:14px}.phone .home-quick .quick-item{font-size:12px}.phone .bottom-nav button{font-size:11px}.phone .home-hero .hero-family{right:-12px;width:187px}

@media(min-width:681px){.review-notes{height:calc(100dvh - 82px);overflow:auto;position:sticky;top:0;scrollbar-width:thin}}

.product-photo{display:block;width:100%;height:210px;object-fit:cover;background:#f1f4ec}.product-photo.large{height:275px}.order-tabs{overflow:auto;scrollbar-width:none}.order-tabs button{min-width:48px;flex-shrink:0}.chat-bubble{padding:15px 16px;font-size:13px;line-height:1.9;border-radius:15px;max-width:89%;margin:13px 0;color:#7286a6}.chat-bubble.incoming{background:#fff;border-top-left-radius:4px}.chat-bubble.outgoing{background:#e8eefc;border-top-right-radius:4px;margin-left:auto;overflow-wrap:anywhere}.chat-meta{font-size:10px;color:#9ca9c0;text-align:right}.chat-composer .field{margin-bottom:11px}.chat-composer{padding-top:12px}.chat-composer textarea{height:76px}