/* 白色创意工作室主题。集中覆盖旧主题，保留内容与交互。 */
:root{color-scheme:light;--bg:#fff;--paper:#20231f;--lime:#c9ed57;--muted:#686f67;--border:#e2e6de;--accent-ink:#496516;--surface:#f6f8f3}
body{background:#fff;color:var(--paper)}
::selection{background:var(--lime);color:#20231f}
:focus-visible{outline-color:#557623}
.progress{background:#91b53b;height:2px}
header{background:#ffffffed;border-bottom-color:var(--border)}
.brand-mark{color:#20231f;background:var(--lime);width:42px;height:42px;border-radius:7px;display:grid;place-items:center;font-size:29px;letter-spacing:-2px;padding-right:3px}
.brand small{color:var(--muted);letter-spacing:1.5px}
.nav-contact{border-color:#d0d7c7;background:#fff;border-radius:6px;transition:background .25s,border-color .25s}
.nav-contact:hover{background:#f6f9f0;border-color:#9cab87}
.nav-contact span{color:#597527}
nav a:after{background:#78982f}
.hero-top{letter-spacing:1.5px;color:#6b7268}
.hero{background:#fff}
.hero-copy{position:relative;z-index:2}
h1{font-weight:800;letter-spacing:-3px;line-height:1.24}
.accent{color:#20231f;background:linear-gradient(transparent 65%,#d8f58d 65%,#d8f58d 91%,transparent 91%);padding:0 2px}
.hero-desc{color:#626a60;line-height:2}
.eyebrow{color:#535e49}
.line{background:#8eb43c}
.button.lime{background:var(--lime);color:#20231f;border-radius:6px;box-shadow:0 4px 12px #607d1612}
.button.lime:hover{background:#bedf55;box-shadow:0 7px 18px #607d1620}
.text-link{border-bottom-color:#a0aa95;color:#4c5742}
.hero-tags{color:#626c5a}
.hero-tags span+span:before{color:#adb6a3}
.hero-bottom a span{color:#638624}
.hero-art{border-radius:14px}
.chrome-art{mix-blend-mode:multiply;opacity:1;mask-image:radial-gradient(ellipse,black 35%,transparent 72%)}
.art-overlay{color:#20231f;text-shadow:none;font-weight:600;letter-spacing:-3px;font-size:clamp(38px,4.3vw,68px);bottom:15%;left:2%;transform:rotate(-5deg)}
.art-overlay em{color:#20231f;background:var(--lime);padding:0 6px}
.art-caption,.art-index{color:#727b68}
.art-caption{bottom:5%;letter-spacing:1.5px}
.ticker{background:#f7f9f3;color:#273022;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0}
.ticker span{font-size:32px;font-weight:500;letter-spacing:-.5px}
.ticker .outline{-webkit-text-stroke:1px #78856d;color:transparent}
.ticker .tick-star{color:#8eab47;font-size:32px}
.section-label{color:#66705d}
.lead{color:#606a57}
.philosophy{border-color:var(--border)}
.philosophy p{color:#37432e}
.experience-item summary{font-weight:500}
.expand{color:#6f873f}
.experience-body small{color:#757d6e}
.works{background:#f6f8f3}
.filters button{border-color:#d5dccd;background:#fff;color:#59634f}
.filters button:hover,.filters button.active{background:#e3f1c3;color:#304519;border-color:#a4bb77}
.work-visual{border-radius:8px;border:1px solid #dce2d4;box-shadow:0 6px 20px #2c44110a}
.work-visual.lime{background:#deefb9}
.work-visual.purple{background:#e6e0f2;color:#3a334b}
.work-visual.white{background:#edf0e7}
.value-lines span{color:#80778f}
.slide-mini{background:#fff;border-color:#d5dccd;box-shadow:10px 15px 0 #dce5d0}
.mini-bars i{background:#c0cdaa}
.mini-bars i:nth-child(3){background:#9eba51}
.work-info h3 span{color:#6c8a2e}
.work-meta{color:#6c7662;font-size:11px}
.example-note{color:#707b66}
.lab{background:#fff;color:#20231f}
.lab .section-label{border-color:var(--border);color:#66705d}
.lab-heading h2 span{color:#597a28}
.lab-heading p{color:#626d58}
.lab-tabs button{border-color:#d1daca;color:#556448;background:#fff}
.lab-tabs button[aria-selected=true]{background:#e3f1c3;color:#304519;border-color:#a4bb77}
.compare{border-color:#d7e1cc;border-radius:10px;background:#f9faf7;box-shadow:0 12px 30px #273c1110}
.compare-side.before{background:#f7f8f5;color:#313a29}
.after{background:#edf5e0;color:#26391a;border-left:1px solid #d7e1cc}
.after>span{color:#426326}
.after small{color:#4e653d}
.range-row input{accent-color:#698c2f}
.range-row{color:#536447}
.lab-disclaimer{color:#6d7762}
.services{background:#f8f9f6}
.service-card{background:#fff;border-color:#dce2d5;border-radius:8px;box-shadow:0 4px 18px #2b421007}
.service-card:hover{border-color:#a3ba7b;background:#fff;box-shadow:0 10px 28px #2b421012}
.service-no{color:#a3b18e;font-weight:400}
.service-card li:before{color:#6f8e36}
.service-card summary{color:#5f6d50}
.service-cta{color:#486620}
.process strong{color:#6b882f}
.contact{background:#eef4e5}
.contact h2 span{color:#4a6b24}
.contact-option{border-color:#cad5bb;color:#26321e}
.contact-option small{color:#687956}
.contact-action{color:#4f712b}
.contact-box #contact-status{color:#69795b}
.contact #selected-service{color:#47681f}
footer{background:#fff;border-color:var(--border)}
dialog{background:#fff;color:#20231f;border-color:#d3dcc6;box-shadow:0 25px 80px #21370f2e}
dialog::backdrop{background:#30401d55;backdrop-filter:blur(8px)}
.close{color:#49573a}
.modal-kicker,.modal-block h3{color:#597629}
.modal-block p{color:#58634c}
.menu-toggle{border-color:#d6decd;color:#36432d;background:#fff}
.skip{color:#20231f}
@media(max-width:700px){.after{border-left:0;border-top:1px solid #d7e1cc}.art-overlay{font-size:38px;left:6%;bottom:18%;letter-spacing:-2px}.ticker span{font-size:26px}.brand-mark{width:35px;height:35px;font-size:25px}h1{letter-spacing:-2px}.art-caption{bottom:0;left:7%}.contact-box{margin-top:10px}}