:root{--ink:#292f28;--muted:#777e70;--orange:#ec6a32;--line:#dedfd4;--bg:#f7f5ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;gap:9px;align-items:center;font-size:18px;font-weight:700}.brand>span{background:var(--orange);color:white;display:grid;place-items:center;width:30px;height:33px;font-size:24px;border-radius:3px}header>a:last-child{font-size:11px;color:#606858}.hero{padding:31px 24px 0;background:linear-gradient(145deg,#f7f5ef 45%,#ebe8dc)}.hero-kicker{font-size:10px;letter-spacing:1px}.hero-kicker i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:7px}h1{font-size:35px;line-height:1.35;letter-spacing:-1.5px;margin:22px 0 18px}h2{font-size:29px;line-height:1.4;letter-spacing:-1px;margin:0}h3{margin:0}.hero-price>span{font-size:12px}.hero-price>div{display:flex;align-items:baseline;gap:8px;color:var(--orange);margin-top:0}.hero-price small{font-size:30px}.hero-price strong{font-size:104px;letter-spacing:-7px;font-weight:700;line-height:1.1}.hero-price b{font-size:18px;font-weight:400;color:var(--ink);margin-left:8px}.hero-price p{font-size:11px;color:var(--muted);margin:10px 0 21px}.hero-promises{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.hero-promises span{font-size:10px;background:#e5e6da;padding:7px 9px;border-radius:3px}.primary{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:17px 20px;background:var(--orange);color:white;font-size:15px;font-weight:600}.primary span{font-size:21px;font-weight:400}.hero-fine{font-size:10px;line-height:1.8;color:var(--muted);margin:12px 0 20px}.hero-bottom{border-top:1px solid #d8dacc;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}.hero-bottom b{color:var(--orange);font-size:14px}.hero-bottom a{font-size:9px;color:var(--muted)}.quick-nav{position:sticky;top:0;z-index:10;background:#faf9f5;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);box-shadow:0 3px 8px #29322608}.quick-nav a{font-size:11px;text-align:center;padding:19px 0}.quick-nav a:active{color:var(--orange)}.content-section{padding:43px 24px;border-bottom:1px solid var(--line)}.section-kicker{font-size:10px;letter-spacing:1px;color:var(--orange);margin:0 0 19px}.intro{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0 25px}.scope-lists>div{background:#fffefa;border:1px solid var(--line);padding:20px;margin-top:15px}.scope-lists h4{font-size:14px;margin:0;padding-bottom:15px;border-bottom:1px solid var(--line)}.scope-lists h4 span{font-size:10px;color:var(--orange);margin-right:9px}.scope-checklist{list-style:none;padding:0;margin:4px 0 0}.scope-checklist li{position:relative;padding:13px 0 13px 19px;font-size:12px;line-height:1.85;border-bottom:1px solid #edeee6}.scope-checklist li:last-child{border-bottom:0;padding-bottom:0}.scope-checklist li:before{content:'✓';color:var(--orange);position:absolute;left:0}.note{font-size:10px;color:var(--muted);line-height:1.9;margin:19px 0 0}.excluded{background:#eeede4}.not-included{padding:20px 0;border-bottom:1px solid #d8dbcc}.not-included b{font-size:14px}.not-included b:before{content:'−';color:var(--orange);margin-right:10px}.not-included p{font-size:12px;line-height:1.9;color:var(--muted);margin:10px 0 0}.subheading{font-size:17px;margin-top:30px}.personalized-list{list-style:none;counter-reset:project;margin:0;padding:0}.personalized-list li{counter-increment:project;position:relative;padding:14px 0 14px 30px;border-top:1px solid #d8dbcc;font-size:12px;line-height:1.9}.personalized-list li:before{content:counter(project,decimal-leading-zero);position:absolute;left:0;color:var(--orange);font-size:10px}.source{display:inline-block;font-size:10px;color:var(--muted);border-bottom:1px solid #c6ccbb;margin-top:18px;padding-bottom:5px}.compare-preview{border:1px solid var(--line);margin-bottom:20px;background:#fffefa}.compare-preview>div{display:grid;grid-template-columns:27% 34% 39%;border-bottom:1px solid var(--line);font-size:11px}.compare-preview>div:last-child{border:0}.compare-preview>div>*{padding:15px 8px}.compare-preview b{font-size:10px;font-weight:500}.compare-preview span:last-child{background:#e9eddf}.compare-preview .compare-labels{grid-template-columns:27% 34% 39%;font-size:10px;font-weight:600}.compare-labels:before{content:'配置';padding:15px 8px}.compare-labels span{background:#eeece3}.guide-section{padding-top:42px}.purchase-heading .eyebrow{font-size:10px;letter-spacing:1px;color:var(--orange);margin:0 0 19px}.purchase-heading h3{font-size:28px;line-height:1.4;letter-spacing:-1px}.purchase-heading p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0}.purchase-heading .text-link{display:inline-block;font-size:10px;color:var(--muted);margin-bottom:12px}.purchase-alert{background:#e6e9db;padding:17px;margin-top:12px;display:flex;flex-direction:column;gap:11px;font-size:11px}.purchase-alert b{font-size:12px;margin-bottom:2px}.purchase-alert span:before{content:'•';color:var(--orange);margin-right:8px}.purchase-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px;font-size:10px;color:var(--muted)}.purchase-toolbar button{border:0;background:transparent;min-height:40px;font-size:11px;color:var(--ink);cursor:pointer}.purchase-stage{border:1px solid var(--line);background:#fffefa;margin-top:10px}.purchase-stage summary{display:flex;align-items:center;gap:10px;list-style:none;padding:19px 14px;cursor:pointer}.purchase-stage summary::-webkit-details-marker{display:none}.stage-number{font-size:22px;color:#9aa589;font-weight:300}.stage-title{flex:1}.stage-title b{font-size:14px}.stage-title small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.stage-count{font-size:9px;color:var(--muted)}.stage-arrow{font-size:18px;color:#8c997b}.purchase-stage[open] .stage-arrow{font-size:0}.purchase-stage[open] .stage-arrow:after{content:'−';font-size:18px}.purchase-stage[open] .stage-title b,.purchase-stage[open] .stage-number{color:var(--orange)}.stage-content{border-top:1px solid var(--line);padding:0 14px}.stage-intro{font-size:11px;color:var(--muted);line-height:1.8;margin:16px 0}.stage-content table,.stage-content tbody{display:block;width:100%;border-collapse:collapse}.stage-content thead{display:none}.stage-content tr{display:block;border-top:1px solid var(--line);padding:17px 0}.stage-content th{display:block;font-size:13px;line-height:1.8;text-align:left;font-weight:600}.stage-content td{display:block;font-size:11px;line-height:1.9;margin-top:10px}.stage-content td:nth-child(2){display:flex;align-items:flex-start;gap:8px;color:#65734f}.stage-content td:nth-child(2):before{content:'对接时间';font-size:9px;background:#edf0e4;padding:1px 6px;flex-shrink:0}.stage-content td:last-child{color:#c4382b}.stage-content td:last-child:before{content:'注意 · ';font-weight:600}.purchase-footnote{font-size:9px;color:var(--muted);line-height:1.9;margin:20px 0 0}.commitment{background:#2c352c;color:#f7f5ef}.commitment .section-kicker{color:#dba47c}.commitment>div{display:flex;gap:18px;align-items:center;border-bottom:1px solid #515e48;padding:18px 0}.commitment>div b{font-size:11px;color:#b6c2a8;font-weight:400}.commitment>div p{font-size:14px;margin:0;line-height:1.8}.commitment .note{color:#a8b39c}.contact{padding-bottom:35px}.contact>p:not(.section-kicker){font-size:12px;line-height:1.9;color:var(--muted)}.contact>a{font-size:27px;font-weight:600;display:block;color:var(--orange);margin:25px 0 12px}.contact>span{font-size:10px;color:var(--muted)}.contact .note{font-size:9px!important}footer{padding:24px 24px 115px;font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;background:#fffefa;border-top:1px solid var(--line);padding:12px 20px calc(12px + env(safe-area-inset-bottom));gap:15px}.bottom-bar>div>span{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.bottom-bar strong{font-size:26px;color:var(--orange);line-height:1}.bottom-bar small{font-size:10px;font-weight:400;color:var(--ink)}.bottom-bar>a{background:var(--orange);color:white;font-size:13px;font-weight:600;padding:16px 25px;text-align:center}@media(min-width:601px){body{max-width:480px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.bottom-bar{max-width:480px;margin:auto}.hero{padding-top:35px}html{background:#e7e8df}}

/* WAP: light palette shared with the desktop site. */
:root{--ink:#1d1d1f;--muted:#57575f;--orange:#0066cc;--line:#e4e4e9;--bg:#fff}
html{scroll-padding-top:75px}header,.quick-nav,.bottom-bar{background:#fff}.brand>span{background:#202024}
.hero{background:#f5f5f7}.hero-promises span{background:#eaf3ff;color:#23486b}
.hero-bottom,.not-included,.personalized-list li{border-color:var(--line)}
.primary,.bottom-bar>a{background:#0071e3;border-radius:999px}
.hero-fine,.note{font-size:12px}.quick-nav{display:flex;overflow:auto;scrollbar-width:none}
.quick-nav a{flex:none;padding:15px 12px;font-size:12px}
.mobile-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.mobile-plans>div{background:#fff;border-radius:15px;padding:12px 10px}
.mobile-plans>div+div{background:#e8f2ff}
.mobile-plans span{display:block;font-size:12px;margin-bottom:5px}
.mobile-plans strong{font-size:clamp(34px,11vw,52px);letter-spacing:-2px;line-height:1.15}
.mobile-plans small{font-size:10px;margin-left:4px}.plan-note{color:var(--muted);font-size:12px}
.mobile-hero-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}
.mobile-hero-links a,.mobile-secondary{color:#0066cc;font-size:14px;font-weight:600;padding:10px 0}
.mobile-secondary{display:inline-block}.excluded,.team-band,.guide-section,.review-band{background:#f5f5f7}
.scope-lists>div,.compare-preview,.purchase-stage{background:#fff;border-radius:14px;overflow:hidden}
.scope-checklist li{font-size:14px}.intro,.personalized-list li,.not-included p{font-size:14px}
.compare-preview span:last-child,.purchase-alert{background:#eef5ff}.compare-labels span{background:#f5f5f7}
.purchase-alert{border-radius:12px}.stage-number,.stage-arrow,.stage-content td:nth-child(2){color:#0066cc}
.stage-content td:nth-child(2):before{background:#eef5ff}.stage-content td{font-size:13px}
.studio-kicker,.mobile-craft .eyebrow{color:#0066cc;font-size:11px;letter-spacing:1px;margin:0 0 14px}
.studio-heading>p,.team-grid p,.review-panel p,.mobile-craft p,.design-options p{font-size:14px;line-height:1.75;color:var(--muted)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.project-grid article,.team-grid article,.review-panel,.design-options{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}
.project-grid article{background:#f5f5f7}.project-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.project-caption{padding:12px}.project-caption span,.team-grid article>span,.review-panel span{color:#0066cc;font-size:10px}
.project-caption h3{font-size:16px;margin-top:4px}.project-caption p{font-size:12px;line-height:1.6;color:var(--muted)}
.project-caption a{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;color:#0066cc}
.team-grid,.design-options-grid{display:grid;gap:10px;margin-top:16px}
.team-grid article,.review-panel,.design-options,.design-options-grid>div{padding:17px}
.team-grid h3{font-size:16px;margin-top:4px}.team-grid p,.design-options p{margin:7px 0 0}
.design-options{margin-top:14px}.design-options-grid>div,.craft-home-promise{background:#f5f5f7;border-radius:12px}
.design-options-grid>div+div,.mobile-craft{background:#eef5ff}
.design-options h4{margin:0}.design-fee strong{font-size:25px;color:var(--ink)}
.design-options .design-gift{font-weight:650;color:#0066cc}
.book-link{display:inline-flex;align-items:center;gap:8px;background:#0071e3;color:white;padding:12px 16px;border-radius:999px;font-size:13px;font-weight:650}
.craft-home-promise{margin-top:16px;padding:16px;background:#fff}.craft-home-promise summary{color:#0066cc;font-size:13px;cursor:pointer}
.review-panel{margin-top:15px}.review-panel h3{margin-top:8px}
.bottom-bar strong{font-size:20px;white-space:nowrap}.bottom-bar>a{padding:14px 15px;white-space:nowrap}
.mobile-hero-photo{position:relative;margin:0 -8px;padding:0}
.mobile-hero-photo img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:15px 15px 0 0}
.mobile-hero-photo figcaption{position:absolute;bottom:9px;right:8px;border-radius:999px;background:#252526d9;color:#fff;font-size:9px;padding:5px 7px}
#appointment{position:fixed;border:0;border-radius:20px;padding:26px;max-width:min(390px,calc(100% - 28px));color:var(--ink);background:#fff}
#appointment::backdrop{background:#171923aa}
#appointment h2{font-size:23px}
#appointment p:not(.studio-kicker){font-size:14px;line-height:1.8;color:var(--muted)}
#appointment .dialog-close{position:absolute;right:11px;top:8px;border:0;background:transparent;font-size:25px;cursor:pointer}
#copy-contact{display:block;margin-top:12px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#0066cc;cursor:pointer}
#copy-status:empty{display:none}

.project-swipe-hint{margin:16px 0 0;color:var(--muted);font-size:12px}
.project-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;margin-top:12px;padding:0 0 9px;scrollbar-width:thin;scrollbar-color:#c0cfdf transparent}
.project-grid article{scroll-snap-align:start;min-width:0}
.project-grid:focus-visible{outline:2px solid #0066cc;outline-offset:4px}

/* Match the PC craft section's light background and white cards. */
.commitment{background:#f2f6fc;color:var(--ink);border-color:#e5ecf6}
.commitment .section-kicker,.commitment>div b{color:#0066cc}
.commitment>div{background:#fff;border:1px solid #dce7f5;border-radius:14px;margin-top:10px;padding:16px}
.commitment h2+div{margin-top:20px}
.commitment .note{color:var(--muted)}

.commitment .mobile-acceptance-entry{margin-top:16px;min-height:44px}

.commitment .quote-basis{display:block;margin-top:16px}
.commitment .quote-basis h3{font-size:14px;color:#0066cc}
.commitment .quote-basis p{margin:6px 0 0;color:var(--muted);line-height:1.8}

.scope-fold{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:10px}
.scope-fold summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 15px;cursor:pointer;list-style:none}
.scope-fold summary::-webkit-details-marker{display:none}
.scope-fold summary strong{flex:1;font-size:15px}
.scope-fold-number,.scope-fold-count{font-size:12px;color:var(--muted)}
.scope-fold-number{color:#0066cc}
.scope-fold summary::after{content:'+';display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef5ff;color:#0066cc;font-size:18px}
.scope-fold[open] summary::after{content:'−'}
.scope-fold .scope-checklist{margin:0 15px;padding-bottom:14px;border-top:1px solid var(--line)}