/* double u 概念展示：暖白编辑式页面与黑色 Apple Watch 界面。 */
:root{--paper:#f4f1eb;--ink:#242321;--muted:#8e8880;--line:#ddd8cf;--heart:#ff6974;--watch-muted:#88868e;--watch-soft:#252227;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--heart);outline-offset:4px}button:disabled{cursor:default;opacity:.45}.masthead{max-width:1440px;margin:auto;height:106px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:29px;font-weight:750;letter-spacing:-1.6px}.brand-dot{display:inline-block;margin-left:8px;font-size:9px;vertical-align:middle;color:var(--heart)}.masthead-note{font-size:11px;letter-spacing:1.5px;color:#716d67}.small-link{font-size:12px}.small-link span{font-size:19px;margin-left:17px}main{max-width:1440px;margin:auto;padding:0 64px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:62px;padding:68px 0 74px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;display:flex;align-items:center;gap:13px;color:#8a8177}.tiny-heart{width:11px;height:11px;background:var(--heart);transform:rotate(-45deg);position:relative}.tiny-heart:before,.tiny-heart:after{content:"";width:11px;height:11px;background:var(--heart);border-radius:50%;position:absolute}.tiny-heart:before{top:-6px;left:0}.tiny-heart:after{left:6px;top:0}h1{font-size:clamp(54px,6.4vw,90px);line-height:1.22;letter-spacing:-5px;font-weight:580;margin:31px 0 27px}.serif{font-family:"Songti SC","STSong",serif;font-weight:500}.hero-description{font-size:15px;color:#7a736b;line-height:1.95;letter-spacing:.5px}.principles{display:flex;gap:26px;margin-top:40px}.principles div{display:flex;flex-direction:column;gap:9px;font-size:11px}.principle-number{font-family:Georgia,serif;font-size:15px;color:#a99989}.hero-footnote{display:flex;gap:14px;align-items:center;margin-top:51px}.hero-footnote .line{width:33px;height:1px;background:#b8aea1}.hero-footnote p{margin:0;color:#9a9084;font-size:11px;line-height:1.7}.experience{min-width:0}.stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;color:#777067;letter-spacing:1px}.live-badge{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:0}.live-badge i{width:5px;height:5px;border-radius:100%;background:#b19a83}.watch-stage{height:466px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#e4dcd1 0%,#eeebe4 50%,#efebe4 100%);border-radius:2px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(172,151,130,.18);width:342px;height:342px;border-radius:100%;transform:scaleX(1.2)}.orbit-two{width:414px;height:414px}.watch-hardware{width:266px;height:326px;position:relative;z-index:2;filter:drop-shadow(0 28px 24px rgba(48,38,28,.2))}.watch-strap{position:absolute;left:48px;right:48px;height:96px;border-radius:28px;background:linear-gradient(90deg,#252424,#353333 30%,#363433 70%,#1d1d1d);z-index:-1;border:1px solid #292929;box-shadow:inset 3px 0 3px rgba(255,255,255,.05)}.strap-top{top:-56px}.strap-bottom{bottom:-58px}.watch-case{height:100%;width:100%;position:relative;border-radius:66px;background:linear-gradient(112deg,#9a9894 0%,#262625 11%,#63625f 18%,#252525 38%,#252524 82%,#777672 99%);padding:6px;box-shadow:inset 0 0 0 1px #93918d,0 1px 3px #211f1f}.watch-glass{position:relative;height:100%;width:100%;background:#050505;border:9px solid #080808;border-radius:60px;overflow:hidden;box-shadow:inset 0 0 0 1px #333}.watch-glass:after{content:"";position:absolute;top:1px;left:22px;width:100px;height:20px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);pointer-events:none;border-radius:100%}.digital-crown{position:absolute;right:-12px;top:85px;width:17px;height:39px;border-radius:7px;background:repeating-linear-gradient(0deg,#52514d 0px,#777671 1px,#31312e 2px,#464540 3px);box-shadow:inset -3px 0 3px #272725,1px 0 1px #aaa;z-index:-1}.digital-crown:after{content:"";position:absolute;inset:7px 1px 7px auto;width:2px;background:#b7575a;border-radius:4px}.side-button{position:absolute;right:-3px;top:160px;width:7px;height:43px;border-radius:5px;background:linear-gradient(90deg,#75736f,#33322f);z-index:-1}.watch-status{height:34px;display:flex;align-items:center;justify-content:space-between;padding:8px 18px 0;color:#dedbdf;font-size:10px;font-weight:650;letter-spacing:.2px}.watch-status span:first-child{color:#8b7f82;font-size:9px}.watch-app{height:calc(100% - 34px);padding:4px 15px 16px;overflow-y:auto;scrollbar-width:none;color:white;text-align:center;position:relative}.watch-app::-webkit-scrollbar{display:none}.screen{min-height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;animation:screen-in .25s ease-out}.screen h3{font-size:19px;font-weight:650;line-height:1.35;letter-spacing:-.3px;margin:2px 0}.screen p{font-size:11px;line-height:1.55;color:#938c92;margin:0}.screen .subtle{font-size:9px;color:#777078}.screen .pink{color:var(--heart)}.screen .w-big{font-size:33px;font-weight:700;letter-spacing:-2.7px;line-height:1;margin:0 0 3px}.pixel-heart{width:78px;height:68px;position:relative;color:var(--heart);margin:4px auto;flex-shrink:0;filter:drop-shadow(0 0 16px rgba(255,105,116,.15))}.pixel-heart svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}.pixel-heart.beating{animation:heartbeat 2s ease-in-out infinite}.pixel-heart.small{width:43px;height:38px;margin:0 auto}.pixel-heart.large{width:95px;height:83px}.pixel-heart.dim{opacity:.28}.watch-primary,.watch-secondary,.watch-text-button{border:0;border-radius:22px;min-height:35px;width:100%;padding:9px 12px;font-size:11px;font-weight:600;flex-shrink:0}.watch-primary{background:var(--heart);color:#1e0a0d}.watch-secondary{background:#252227;color:#f0e9ed}.watch-text-button{background:transparent;color:#938991;min-height:28px;padding:5px}.watch-primary:hover{background:#ff838c}.watch-secondary:hover{background:#342f36}.watch-input{width:100%;border:1px solid #3b3238;background:#211d21;border-radius:13px;padding:10px;color:white;font-size:12px;text-align:center;outline-offset:2px}.watch-label{font-size:9px;align-self:flex-start;color:#a99ba3}.watch-icon{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0;font-size:28px}.connected-dot{width:5px;height:5px;display:inline-block;margin-right:4px;border-radius:50%;background:var(--heart)}.space-screen{gap:8px}.space-screen h3{font-size:16px;margin:2px 0}.paired-names{font-size:9px!important;letter-spacing:1.5px;color:#9c8d92!important}.paired-actions{display:flex;gap:7px;width:100%;margin-top:5px}.paired-actions button{min-height:44px;padding:7px 5px;font-size:10px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px}.action-icon{font-size:17px;line-height:1.1;color:#d2b8c1}.home-waiting{font-size:9px!important;padding-top:2px}.mini-pill{font-size:8px;color:#b08e98;border:1px solid #3f2b31;border-radius:12px;padding:4px 8px;letter-spacing:.3px}.incoming-screen{gap:10px}.incoming-screen h3{font-size:18px}.incoming-screen .watch-primary{margin-top:6px}.read-screen{justify-content:space-between;gap:9px;padding-top:6px}.sender-label{width:100%;font-size:9px;display:flex;justify-content:space-between;color:#a6929b}.sender-label span:last-child{color:#6f636a}.message-text{font-size:21px!important;line-height:1.5!important;color:#f4ebed!important;text-align:left;width:100%;letter-spacing:.4px;margin:auto 0!important;overflow-wrap:anywhere}.read-hint{font-size:8px!important;color:#76656e!important}.confirmation{font-size:10px!important;line-height:1.6!important;text-align:left!important;color:#b7a6ae!important}.checkline{width:100%;display:flex;align-items:flex-start;gap:7px;text-align:left;font-size:9px;line-height:1.5;color:#b5a4ac}.checkline input{accent-color:var(--heart);margin:1px 0 0;flex:0 0 auto}.two-watches{display:flex;align-items:center;gap:12px;color:var(--heart);margin:10px 0}.little-watch{width:34px;height:42px;border:2px solid #63515a;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px}.connection-line{display:flex;gap:4px}.connection-line i{height:3px;width:3px;border-radius:50%;background:var(--heart)}.searching .connection-line i{animation:dot-wave 1.2s infinite}.searching .connection-line i:nth-child(2){animation-delay:.15s}.searching .connection-line i:nth-child(3){animation-delay:.3s}.avatar{width:47px;height:47px;border-radius:50%;background:#2b2025;color:#f5a0ac;display:flex;align-items:center;justify-content:center;font-size:21px;font-family:"Songti SC",serif;margin:3px}.waveform{height:38px;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin:9px 0}.waveform i{width:3px;background:#5e4651;border-radius:3px;height:var(--height);transition:background .15s}.waveform.playing i{animation:wave 1s infinite ease-in-out;animation-delay:var(--delay)}.voice-progress{width:100%;height:2px;border-radius:3px;background:#332730;margin-bottom:3px;overflow:hidden}.voice-progress span{display:block;height:100%;background:var(--heart);width:0;transition:width .1s linear}.voice-time{font-size:9px!important;color:#bc8c9b!important;font-variant-numeric:tabular-nums}.record-circle{width:60px;height:60px;border-radius:50%;background:#2e1520;border:1px solid #59293c;color:var(--heart);font-size:24px;display:flex;align-items:center;justify-content:center;margin:8px}.record-circle.recording{animation:record-pulse 1s ease-in-out infinite}.screen .watch-spacer{height:5px}.error-symbol{font-size:33px;color:#cc9ba7;line-height:1;margin:7px}.stage-caption{position:absolute;top:207px;color:#b4a699;text-align:center;z-index:1}.caption-left{left:30px}.caption-right{right:30px}.stage-caption span{font-size:7px;letter-spacing:2px;display:block;margin-bottom:8px}.stage-caption b{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:26px}.stage-bottom{position:absolute;bottom:20px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.8px;color:#918477}.stage-tick{width:14px;height:1px;background:#b6a490}.demo-controls{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:20px 0 18px;gap:9px}.demo-button{border:0;background:none;font-size:10px;padding:6px 0;display:flex;gap:6px;align-items:center;text-align:left;white-space:nowrap}.demo-button span{font-family:Georgia,serif;font-size:10px;color:#a7988a}.demo-button b{font-weight:400;color:#9a9187;margin-left:auto;font-size:13px}.demo-button.active{color:#b34a5b}.demo-button.active span,.demo-button.active b{color:#b34a5b}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}.demo-footer p{font-size:8px;color:#9a9187;margin:0;line-height:1.5}.demo-footer button{font-size:9px;border:0;background:none;padding:5px 0;color:#777066;white-space:nowrap}#particleCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.journey-section{border-top:1px solid var(--line);padding:54px 0 66px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:37px}.section-heading h2,.notes-title h2{font-size:30px;font-weight:550;letter-spacing:-1px;margin:14px 0 0}.section-heading p{font-size:11px;line-height:1.8;color:#8c8278;margin:0}.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px 22px}.journey-item{background:none;border:0;text-align:left;padding:0;color:var(--ink);min-width:0;transition:transform .2s}.journey-item:hover{transform:translateY(-4px)}.scene-head{display:flex;align-items:center;gap:10px;line-height:1;margin-bottom:17px}.scene-number{font-family:Georgia,serif;color:#a79480;font-size:11px}.scene-name{font-size:11px;font-weight:550}.mini-case{width:100%;max-width:180px;aspect-ratio:1/1.19;background:linear-gradient(135deg,#55534f,#232220 30%,#232220 80%,#77716d);border-radius:39px;padding:5px;box-shadow:0 10px 15px rgba(55,43,29,.08)}.mini-glass{height:100%;border-radius:35px;background:#070707;padding:16px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;border:5px solid #0b0b0b;color:white;text-align:center}.mini-glass h3{font-size:13px;line-height:1.4;font-weight:600;margin:0}.mini-glass p{font-size:8px;line-height:1.5;margin:0;color:#9e9299}.mini-glass .pixel-heart{width:45px;height:39px;margin:3px}.mini-glass .mini-wordmark{font-size:21px;letter-spacing:-1.6px;font-weight:700;color:#f7eef3}.mini-button{width:100%;background:#ff6974;border-radius:18px;font-size:8px;padding:7px 3px;margin-top:5px;color:#210c11;line-height:1;font-weight:600}.mini-button.secondary{background:#2b2229;color:#e9dce2}.mini-field{width:100%;background:#252027;border-radius:9px;font-size:10px;padding:9px 0;color:#e5d6dc}.mini-label{font-size:7px;color:#a88f9b}.mini-avatar{width:31px;height:31px;font-size:15px;background:#33212a;color:#eab0c0;display:flex;align-items:center;justify-content:center;border-radius:50%}.mini-two{display:flex;gap:13px;align-items:center;font-size:20px;color:#ff6974}.mini-two span{font-size:10px}.mini-particles{width:100%;height:65px;position:relative;color:#ed9bac;font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 40%,#faa5b6 1px,transparent 1.8px),radial-gradient(circle at 85% 30%,#f2a6be 1px,transparent 1.8px),radial-gradient(circle at 25% 83%,#d9b4c2 1px,transparent 1.8px),radial-gradient(circle at 70% 74%,#b891a1 1px,transparent 1.8px),radial-gradient(circle at 90% 60%,#d98b9f 1px,transparent 1.8px);letter-spacing:2px}.mini-glass .waveform{height:25px;margin:5px 0;gap:3px}.mini-glass .waveform i{width:2px;max-height:25px;background:#c67a93}.scene-caption{font-size:9px;line-height:1.7;color:#8b8076;max-width:180px;margin:14px 0 0}.notes-section{border-top:1px solid var(--line);padding:58px 0 67px;display:grid;grid-template-columns:1fr 1.4fr;gap:65px}.notes-title .eyebrow{font-size:9px}.notes-title h2{line-height:1.65;font-size:31px;margin-top:23px}.note-row{display:grid;grid-template-columns:105px 1fr;gap:20px;margin-bottom:25px}.note-row>span{font-size:10px;color:#a28e7c;padding-top:2px}.note-row p{font-size:11px;line-height:1.85;margin:0;color:#80756c}.exceptions{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.exceptions label{font-size:10px;color:#87796c}.exceptions select{border:1px solid #d1c8bc;background:transparent;border-radius:2px;font-size:11px;color:#625b52;padding:9px 25px 9px 10px}.footer{max-width:1440px;padding:29px 64px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#978a7f}.footer .wordmark{color:#292521;font-size:23px}.footer>span:not(.wordmark){font-size:9px;letter-spacing:.7px}@keyframes screen-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes heartbeat{0%,48%,100%{transform:scale(1)}9%{transform:scale(1.07)}19%{transform:scale(1)}30%{transform:scale(1.045)}40%{transform:scale(1)}}@keyframes dot-wave{0%,70%,100%{opacity:.3}30%{opacity:1}}@keyframes wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}@keyframes record-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,105,116,.1)}50%{box-shadow:0 0 0 8px rgba(255,105,116,.05)}}
@media(min-width:1441px){h1{font-size:90px}}@media(max-width:1100px){.masthead,main,.footer{padding-left:36px;padding-right:36px}.hero{gap:30px}.hero h1{font-size:66px}.principles{gap:15px}.stage-caption{display:none}.journey-grid{gap:28px 15px}.mini-case{border-radius:32px}.mini-glass{border-radius:28px;padding:12px 8px}.notes-section{gap:35px}.note-row{grid-template-columns:85px 1fr;gap:15px}}
@media(max-width:800px){.masthead{height:86px}.masthead-note{display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:42px}.hero h1{font-size:72px;letter-spacing:-4px}.hero-copy{position:relative}.hero-description{font-size:14px}.hero-footnote{position:absolute;right:0;bottom:0}.principles{margin-top:27px;gap:32px}.experience{max-width:580px;width:100%;margin:auto}.watch-stage{height:480px}.stage-caption{display:block}.caption-left{left:35px}.caption-right{right:35px}.journey-grid{grid-template-columns:repeat(3,1fr);gap:30px 20px}.mini-case{border-radius:39px}.mini-glass{border-radius:35px;padding:16px 13px}.section-heading h2{font-size:26px}.notes-section{grid-template-columns:1fr;gap:30px}.notes-title h2 br{display:none}.notes-title h2{font-size:27px}.footer{padding-top:23px;padding-bottom:23px}.footer>span:nth-child(2){display:none}}
@media(max-width:480px){.masthead,main,.footer{padding-left:22px;padding-right:22px}.masthead{height:75px}.wordmark{font-size:25px}.small-link{font-size:10px}.small-link span{margin-left:8px}.hero{padding-top:33px;padding-bottom:45px;gap:31px}.eyebrow{font-size:8px;letter-spacing:2px}.hero h1{font-size:62px;margin-top:24px;letter-spacing:-4px}.hero-description{font-size:13px;line-height:1.85}.principles{gap:24px;margin-top:25px}.principles div{font-size:10px}.hero-footnote{display:none}.stage-top{font-size:10px;letter-spacing:.5px}.live-badge{font-size:9px}.watch-stage{height:435px}.watch-hardware{transform:scale(.93)}.stage-caption{display:none}.stage-bottom{bottom:13px}.demo-controls{gap:5px;padding-top:14px;padding-bottom:14px}.demo-button{font-size:9px;gap:4px}.demo-button b{font-size:11px}.demo-footer{align-items:flex-start;padding-top:11px}.demo-footer p{font-size:7px;max-width:245px}.demo-footer button{font-size:8px;padding-top:0}.journey-section{padding-top:35px;padding-bottom:42px}.section-heading{align-items:flex-start;gap:16px;flex-direction:column;margin-bottom:28px}.section-heading h2{font-size:24px}.section-heading p{font-size:10px}.journey-grid{grid-template-columns:repeat(2,1fr);gap:26px 17px}.scene-name{font-size:10px}.mini-case{border-radius:34px}.mini-glass{border-radius:30px;padding:13px 10px}.scene-caption{font-size:8px}.notes-section{padding-top:36px;padding-bottom:39px;gap:27px}.notes-title .eyebrow{font-size:7px;letter-spacing:1.5px}.notes-title h2{font-size:25px;margin-top:13px}.note-row{grid-template-columns:75px 1fr;gap:12px;margin-bottom:21px}.note-row>span{font-size:9px}.note-row p{font-size:10px}.exceptions{gap:16px}.exceptions label{font-size:9px}.exceptions select{font-size:10px}.footer .wordmark{font-size:21px}.footer>span:not(.wordmark){font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey-item:hover{transform:none}}
.board-mode .hero,.board-mode .notes-section,.board-mode .small-link{display:none}.board-mode .masthead{height:83px}.board-mode .journey-section{border-top:0;padding:38px 0 42px}.board-mode .section-heading{margin-bottom:28px}.board-mode .journey-grid{gap:28px 26px}.board-mode .mini-case{max-width:200px}.board-mode .scene-caption{max-width:200px}.board-mode .masthead-note{display:block}.board-mode .footer{padding-top:20px;padding-bottom:20px}
/* 手表首页双动作等分：避免通用按钮的 100% 宽度挤出第二个动作。 */
.paired-actions button{width:auto;flex:1;min-width:0;flex-shrink:1}.space-screen{gap:4px}.space-screen .pixel-heart{width:64px;height:56px;margin:0}.space-screen h3{margin:0}.space-screen .paired-actions{margin-top:2px}.space-screen>.watch-secondary{min-height:31px;padding:7px 10px}.space-screen>.watch-text-button{min-height:20px;padding:3px}.space-screen .paired-names{line-height:1.2}
@media(min-width:801px){.board-mode .journey-grid{grid-template-columns:repeat(4,1fr)}.board-mode main{max-width:1180px}.board-mode .mini-case{max-width:190px}.board-mode .scene-caption{max-width:190px}.board-mode .journey-grid{column-gap:38px;row-gap:31px}.board-mode .section-heading h2{font-size:30px}}
.mini-case{position:relative}.mini-case:after{content:"";position:absolute;right:-5px;top:27%;width:6px;height:23px;border-radius:4px;background:repeating-linear-gradient(0deg,#66625e 0px,#98918b 1px,#433f3b 2px,#5a5550 3px);box-shadow:inset -1px 0 2px #292724}
/* 设置在手表内以单列列表呈现：保留纵向滚动，文字与开关不会挤出圆角玻璃。 */
.settings-section{border-top:1px solid var(--line);padding:54px 0 66px}.settings-grid{grid-template-columns:repeat(4,1fr);gap:32px 26px}.settings-screen{justify-content:flex-start;align-items:stretch;gap:8px;width:100%;min-width:0;padding-bottom:8px}.settings-screen>h3,.settings-screen>.avatar,.settings-screen>.pixel-heart{align-self:center}.settings-screen .pixel-heart.small{width:43px;height:38px}.settings-page-header{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:2px;width:100%;position:sticky;top:-4px;background:#050505;padding:4px 0 7px;z-index:2}.settings-page-header h3{font-size:15px!important;margin:0!important;text-align:center;white-space:nowrap;letter-spacing:-.5px}.settings-back{width:26px;min-height:29px;padding:0;background:none;border:0;color:#f289a1;font-size:26px;line-height:1;border-radius:9px}.settings-group-label{color:#8f7681;font-size:8px;letter-spacing:.8px;text-align:left;margin:4px 0 0}.settings-row{width:100%;min-width:0;min-height:45px;background:#211b21;border:0;border-radius:12px;display:flex;gap:8px;align-items:center;text-align:left;padding:8px 9px;color:#eadde3;flex-shrink:0}.settings-row:hover{background:#30242e}.settings-row-icon{width:15px;color:#db8da6;font-size:15px;flex:0 0 15px;text-align:center}.settings-row-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.settings-row-copy b{font-size:10px;font-weight:550;line-height:1.3}.settings-row-copy small{font-size:8px;color:#9f8893;line-height:1.4;overflow-wrap:anywhere}.settings-chevron{font-size:16px;color:#a18592;flex:0 0 7px}.settings-footnote{padding:7px 0 3px;text-align:center;font-size:8px!important;line-height:1.6!important}.settings-info{padding:10px 11px;border-radius:12px;background:#1a151b;display:flex;flex-direction:column;gap:8px;text-align:left;flex-shrink:0}.settings-info p{font-size:9px!important;line-height:1.7!important;color:#ae99a4!important;overflow-wrap:anywhere}.preference-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #30222c;padding:10px 0;flex-shrink:0}.preference-row>div{flex:1;min-width:0;text-align:left}.preference-row b,.privacy-rule b{display:block;font-size:11px;font-weight:550;color:#eee2e8;line-height:1.45}.preference-row p{font-size:8px!important;line-height:1.6!important;color:#9b8290!important;margin-top:4px}.preference-switch{width:35px;height:23px;border:0;background:#4d3945;border-radius:15px;padding:3px;flex:0 0 35px;display:flex;align-items:center;transition:background .18s}.preference-switch span{display:block;width:17px;height:17px;border-radius:50%;background:#f1e5eb;transform:translateX(0);transition:transform .18s}.preference-switch[aria-checked="true"]{background:#d86789}.preference-switch[aria-checked="true"] span{transform:translateX(12px)}.privacy-rule{padding:10px 2px;text-align:left;border-bottom:1px solid #2f232b}.privacy-rule p{font-size:9px!important;line-height:1.7!important;color:#a8929e!important;margin-top:6px}.help-detail{width:100%;background:#1c151d;border-radius:11px;text-align:left;flex-shrink:0}.help-detail summary{font-size:10px;line-height:1.5;padding:10px;cursor:pointer;color:#e5d6df}.help-detail p{font-size:9px!important;line-height:1.8!important;padding:0 10px 12px;color:#b19ba9!important}.help-detail summary:focus-visible{outline:2px solid var(--heart);outline-offset:2px;border-radius:11px}.account-notice{font-size:8px!important;min-height:13px;line-height:1.6!important;color:#be91a6!important;text-align:left}.mini-settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:7px 7px;background:#241c25;border-radius:8px;font-size:8px;color:#d8c0ce;line-height:1.3;flex-shrink:0}.mini-switch{width:20px;height:12px;background:#cb668a;border-radius:8px;position:relative;display:block;margin-left:5px}.mini-switch:after{content:"";position:absolute;width:8px;height:8px;right:2px;top:2px;background:#ecdde5;border-radius:50%}.mini-switch.off{background:#513b49}.mini-switch.off:after{right:auto;left:2px}.demo-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px}.board-mode .settings-section{padding-top:36px;padding-bottom:42px}.board-mode .settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:31px 38px}.heart-static .pixel-heart{animation:none!important}.motion-reduced *,.motion-reduced *::before,.motion-reduced *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.watch-app{overflow-x:hidden}.screen>p,.screen>h3{max-width:100%;overflow-wrap:anywhere}
@media(max-width:800px){.settings-grid,.board-mode .settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}}
@media(max-width:480px){.settings-section{padding-top:35px;padding-bottom:42px}.settings-grid,.board-mode .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 17px}.demo-controls{gap:8px 19px}.board-mode .settings-section{padding-top:30px}}

/* 初衷作为原型说明独立呈现，沿用暖白展板与珊瑚色的视觉层级。 */
/* 双端入口属于原型展示层；不会声称两份页面内存已经真实同步。 */
.platform-navigation { max-width: 1440px; margin: 0 auto; padding: 16px 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.platform-navigation > span { font-size: 11px; color: #85796f; }
.platform-navigation > div { display: flex; gap: 8px; }
.platform-navigation a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 17px; border: 1px solid #d8cfc5; border-radius: 24px; font-size: 11px; text-decoration: none; color: #72665e; }
.platform-navigation a[aria-current="page"] { background: #25211f; color: #f6f0e9; border-color: #25211f; }
.platform-navigation a:hover { border-color: #b86b78; }
@media(max-width: 800px) { .platform-navigation { padding: 12px 36px; } }
@media(max-width: 480px) { .platform-navigation { padding: 12px 22px; justify-content: center; } .platform-navigation > span { display: none; } .platform-navigation a { font-size: 10px; padding: 10px 14px; } }
/* 设置开关的可触区域保持 44 像素，内部轨道保留紧凑外观，便于手表操作。 */
.settings-page-header { grid-template-columns: 44px minmax(0, 1fr) 44px; }
.settings-back { width: 44px; min-height: 44px; }
.settings-screen > .watch-primary, .settings-screen > .watch-secondary { min-height: 44px; }
.preference-switch { position: relative; width: 44px; height: 44px; flex-basis: 44px; padding: 0; background: transparent; }
.preference-switch::before { content: ""; position: absolute; width: 35px; height: 23px; left: 4.5px; top: 10.5px; border-radius: 15px; background: #4d3945; transition: background .18s; }
.preference-switch span { position: absolute; left: 7.5px; top: 13.5px; }
.preference-switch[aria-checked="true"] { background: transparent; }
.preference-switch[aria-checked="true"]::before { background: #d86789; }
.masthead-links { display: flex; align-items: center; gap: 26px; }
.origin-section { border-top: 1px solid var(--line); padding: 56px 0 52px; display: grid; grid-template-columns: 1fr 1.6fr; gap: 30px 60px; scroll-margin-top: 24px; }
.origin-heading h2 { font-size: clamp(30px, 3.2vw, 44px); font-weight: 600; line-height: 1.4; letter-spacing: -1.8px; margin: 20px 0 19px; }
.origin-caption { font-size: 10px; color: #8b8076; line-height: 1.8; margin: 0; }
.origin-story > p { font-size: 13px; color: #746a62; line-height: 1.95; margin: 0 0 14px; }
.origin-story > .origin-lead { font-size: 23px; font-weight: 550; color: var(--ink); line-height: 1.55; margin-bottom: 18px; }
.origin-principles { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; list-style: none; padding: 24px 0 0; margin: 0; border-top: 1px solid var(--line); }
.origin-number { font-family: Georgia, serif; font-size: 13px; color: #aa8c78; }
.origin-principles h3 { font-size: 13px; font-weight: 600; line-height: 1.6; margin: 10px 0 8px; }
.origin-principles p { font-size: 11px; color: #80756c; line-height: 1.9; margin: 0; }
.board-mode .masthead-links { display: none; }
.board-mode .origin-section { border-top: 0; padding-top: 38px; padding-bottom: 36px; }
@media (max-width: 800px) {
  .masthead-links { gap: 20px; }
  .origin-section { grid-template-columns: 1fr; gap: 26px; padding: 38px 0; }
  .origin-heading h2 { font-size: 34px; margin-top: 15px; }
  .origin-story > .origin-lead br { display: none; }
  .origin-principles { grid-template-columns: repeat(2, 1fr); gap: 26px; }
}
@media (max-width: 480px) {
  .masthead-links { gap: 13px; }
  .masthead-links .small-link span { display: none; }
  .origin-section { padding: 34px 0; gap: 24px; }
  .origin-heading h2 { font-size: 31px; }
  .origin-story > .origin-lead { font-size: 21px; }
  .origin-story > p { font-size: 13px; }
  .origin-principles { gap: 24px 20px; }
  .origin-principles h3 { font-size: 12px; }
  .origin-principles p { font-size: 11px; }
}