@property --accent{syntax: "<color>"; inherits: true; initial-value: hsl(16 52% 37%);}@font-face{font-family:Song Subset;src:url(/ui-ux-design/glm-5.3/assets/notoserif-sc-subset-400-ConbT00L.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Song Subset;src:url(/ui-ux-design/glm-5.3/assets/notoserif-sc-subset-600-B2JZUj91.woff2) format("woff2");font-weight:600;font-display:swap}:root{--paper: #f4efe3;--paper-2: #faf6ec;--ink: #221d15;--ink-2: #5d5545;--ink-3: #8b8272;--hair: rgba(34, 29, 21, .14);--hair-strong: rgba(34, 29, 21, .3);--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, "Liberation Mono", monospace;--serif: "Song Subset", Georgia, "Iowan Old Style", "Palatino Linotype", "Songti SC", "Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", "AR PL UMing CN", serif;--theta: .8;transition:--accent .9s ease}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px;color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16.5px;line-height:1.95;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.6'/></svg>")}::selection{background:hsl(var(--accent-h) 60% 30% / .22)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}button{font-family:inherit}.mono{font-family:var(--mono)}.context-field{position:fixed;inset:0;z-index:0;pointer-events:none}.site{position:relative;z-index:1}.site-head{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 clamp(16px,4vw,40px);background:var(--paper);border-bottom:1px solid var(--hair)}.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--ink)}.brand-zh{font-size:15px;font-weight:600;letter-spacing:.06em}.brand-en{font-size:10px;letter-spacing:.18em;color:var(--ink-3)}.head-tools{display:flex;align-items:center;gap:14px}.color-dot{width:11px;height:11px;border-radius:50%;border:1px solid var(--hair-strong);transition:background .9s ease}.dial-wrap{position:relative}.dial{font-size:12px;letter-spacing:.05em;color:var(--ink-2);background:transparent;border:1px solid var(--hair-strong);border-radius:999px;padding:5px 12px;cursor:pointer;transition:background-color .25s,color .25s}.dial:hover,.dial[aria-expanded=true]{background:hsl(var(--accent-h) 55% 88% / .6);color:var(--ink)}.dial-pop{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:16px;background:var(--paper-2);border:1px solid var(--hair);border-radius:10px;box-shadow:0 14px 36px #281e0a1f}.dial-pop input[type=range]{width:100%;accent-color:var(--accent)}.dial-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-3);letter-spacing:.05em;margin-top:6px}.dial-note{margin:10px 0 0;font-size:11px;line-height:1.7;color:var(--ink-3);font-family:var(--serif)}.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:76px clamp(20px,6vw,72px) 40px}.hero-inner{width:100%;max-width:1080px;margin:0 auto}.hero-kicker{font-size:11px;letter-spacing:.32em;color:var(--ink-3);margin:0 0 3.2vh}.hero-line{font-size:clamp(38px,7.6vw,92px);font-weight:600;line-height:1.34;letter-spacing:.015em;margin:0;text-wrap:balance}.hero-hint{min-height:2em;margin:1.2em 0 0;font-size:12.5px;letter-spacing:.05em;color:var(--ink-3)}.hero-dot{display:inline-block;opacity:0}.hero-dot.on{opacity:1}.hero-dot.drop{animation:dot-drop .6s cubic-bezier(.2,1.3,.4,1) both}.hero-sub{margin-top:4.5vh;opacity:0;clip-path:inset(0 .8em 0 0);transition:opacity .8s ease,clip-path .9s ease}.hero-sub.on{opacity:1;clip-path:inset(0 0 0 0)}.hero-en{font-size:13px;letter-spacing:.14em;color:var(--accent);margin:0 0 14px}.hero-note{max-width:34em;font-size:15.5px;color:var(--ink-2);margin:0}.hero-note strong{color:var(--ink);font-weight:600}.hero-cue{margin-top:6vh;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transition:opacity .9s ease .2s}.hero-cue.on{opacity:.75}.hero-cue .mono{font-size:10.5px;letter-spacing:.3em;color:var(--ink-3)}.cue-line{width:1px;height:46px;background:var(--hair-strong);transform-origin:top;animation:cue 2.6s ease-in-out infinite}.slot-wrap{position:relative;display:inline-block}.slot{font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;background:none;border:none;padding:0 .05em .05em;margin:0;cursor:pointer;border-radius:4px;transition:background-color .3s}.slot:hover{background:hsl(var(--slot-hue, var(--accent-h)) 55% 88% / .45)}.slot-word{display:inline-block}.slot-word.in{animation:word-in .38s cubic-bezier(.2,1.35,.4,1) both,breathe 3.6s ease-in-out .5s infinite}.slot-word.in.flick{animation:none}.slot-word.out{position:absolute;left:.05em;top:0;animation:word-out .32s ease-in both;pointer-events:none}.slot-ghosts{position:absolute;inset:0;pointer-events:none}.slot-ghost{position:absolute;font:inherit;color:var(--ink-2);opacity:0;transition:opacity .3s}.slot-ghost.g0{transform:translate(-.13em,-.09em);animation:ghost-a 2.7s ease-in-out infinite}.slot-ghost.g1{transform:translate(.11em,.08em);animation:ghost-b 3.3s ease-in-out infinite}.dist-panel{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%);min-width:300px;max-width:min(340px,calc(100vw - 32px));padding:12px;background:var(--paper-2);border:1px solid var(--hair);border-radius:10px;box-shadow:0 16px 40px #281e0a24;display:flex;flex-direction:column;gap:2px;z-index:20;font-size:14px;line-height:1.6;animation:panel-in .22s cubic-bezier(.2,1.2,.4,1) both}.slot-wrap.mode-live:hover .slot-ghost.g0,.slot:focus-visible .slot-ghost.g0{opacity:calc(.08 + var(--theta) * .08)}.slot-wrap.mode-live:hover .slot-ghost.g1,.slot:focus-visible .slot-ghost.g1{opacity:calc(.05 + var(--theta) * .06)}.slot-caret{display:inline-block;width:.05em;height:.76em;margin-left:.06em;vertical-align:baseline;background:var(--ink-2);animation:caret 1.05s steps(1) infinite}.slot-mini{position:absolute;left:.05em;right:.05em;top:calc(100% - .08em);height:3px;display:flex;gap:2px;opacity:0;transition:opacity .25s}.slot-wrap:hover .slot-mini,.slot-wrap:focus-within .slot-mini,.slot-wrap.open .slot-mini{opacity:1}.slot-wrap.mode-flicker .slot-mini{top:calc(100% + 6px);height:30px;align-items:flex-end;opacity:.9}.mini-seg{position:relative;flex-grow:1;min-width:5px}.mini-seg.btn{border:none;background:transparent;padding:0;cursor:pointer}.mini-fill{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink-3);transition:height .15s}.mini-seg.btn .mini-fill{background:var(--ink-2)}.mini-seg.btn:hover .mini-fill{height:7px;background:var(--ink)}.dist-panel{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%);min-width:300px;max-width:min(340px,calc(100vw - 32px));padding:12px;background:var(--paper-2);border:1px solid var(--hair);border-radius:10px;box-shadow:0 16px 40px #281e0a24;display:flex;flex-direction:column;gap:2px;z-index:20;animation:panel-in .22s cubic-bezier(.2,1.2,.4,1) both}.dist-head{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--ink-3);padding:2px 8px 8px}.dist-row{display:grid;grid-template-columns:4.5em 1fr 3em;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer}.dist-row.hot{background:hsl(var(--slot-hue, var(--accent-h)) 55% 88% / .65)}.dist-row.now{box-shadow:inset 2px 0 0 var(--accent)}.dist-word{font-size:19px;font-weight:600}.dist-bar{height:4px;background:var(--hair);border-radius:2px;overflow:hidden}.dist-bar-fill{display:block;height:100%;background:var(--accent);transition:width .35s ease}.dist-pct{font-family:var(--mono);font-size:11px;color:var(--ink-3);text-align:right}.dist-foot{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink-3);padding:8px 8px 2px}.chapter{scroll-margin-top:72px;padding:clamp(110px,16vh,190px) clamp(20px,6vw,72px) 0}.chapter-body{max-width:680px;margin-left:clamp(0px,10vw,150px)}.chapter-body>.lead{font-size:clamp(20px,2.4vw,25px);font-weight:600;color:var(--ink);margin:0 0 1.2em}.chapter-body>p{color:#544c3e;font-size:17.5px;line-height:2.05;max-width:36em}.sec-head.mirror .sec-title{justify-content:flex-end}.sec-head.mirror .sec-label{text-align:right}.sec-head.mirror .sec-rule{transform-origin:right}.sec-char{transition:opacity .45s ease}.chapter-forget .chapter-body{max-width:920px}.chapter-doubt .chapter-body{max-width:620px;margin-left:auto;margin-right:auto}.sec-head{max-width:1080px;margin:0 auto clamp(28px,5vh,52px)}.sec-label{font-size:11px;letter-spacing:.28em;color:var(--ink-3);margin:0 0 .2em}.sec-title{margin:0;font-size:clamp(76px,11vw,138px);line-height:1.1;font-weight:600;display:flex;align-items:baseline;gap:28px}.sec-char{display:inline-block}.sec-char.on{animation:char-settle .5s cubic-bezier(.2,1.3,.4,1) both}.sec-note{margin:0;font-size:14px;color:var(--ink-3);max-width:22em;line-height:1.8}.sec-rule{display:block;height:1px;background:var(--hair-strong);margin-top:clamp(20px,3vh,34px);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.25,1,.3,1)}.sec-head.lit .sec-rule{transform:scaleX(1)}.listen-box{margin-top:2.5em}.listen-input{width:min(420px,100%);font-family:var(--serif);font-size:22px;padding:10px 4px;background:transparent;border:none;border-bottom:2px solid var(--hair-strong);border-radius:0;color:var(--ink);transition:border-color .3s}.listen-input:focus{outline:none;border-bottom-color:var(--accent)}.listen-input::placeholder{color:var(--ink-3)}.listen-count{font-size:12px;letter-spacing:.08em;color:var(--ink-3);margin:14px 0 0}.listen-hint{font-size:14px;color:var(--ink-3);margin:.6em 0 0}.mem-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:2.5em;min-height:40px}.mem-empty{font-size:12px;color:var(--ink-3);letter-spacing:.06em}.mem-chip{font-size:13px;letter-spacing:.04em;padding:6px 14px;border:1px solid var(--hair-strong);border-radius:999px;background:var(--paper-2);color:var(--ink);cursor:pointer;transition:transform .18s cubic-bezier(.2,1.4,.4,1),border-color .2s}.mem-chip:hover{border-color:var(--accent)}.mem-chip.glance{animation:glance .5s cubic-bezier(.2,1.4,.4,1)}.mem-meta{font-size:12px;letter-spacing:.06em;color:var(--ink-3);margin:1.6em 0 0}.mem-glance-note{color:var(--accent)}.doubt-passage{font-size:clamp(18px,2.2vw,22px);line-height:2.3;color:var(--ink);max-width:34em;margin:2em 0 .8em;padding:8px 4px;border-radius:6px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background-color .3s}.doubt-passage:hover{background:hsl(var(--accent-h) 55% 90% / .4)}.doubt-phrase{border-bottom-style:solid;border-bottom-color:hsl(var(--accent-h) 45% 40% / .75);transition:color .22s;padding-bottom:1px}.doubt-passage.held .doubt-phrase{color:hsl(var(--accent-h) 50% 34%);border-bottom-color:hsl(var(--accent-h) 50% 34% / .45)}.doubt-caption{font-size:12px;letter-spacing:.12em;color:var(--accent);opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s;margin:0}.doubt-caption.show{opacity:1;transform:none}.doubt-hint{font-size:11px;letter-spacing:.1em;color:var(--ink-3);margin:.8em 0 0}.doubt-theta{margin-top:2.8em}.doubt-theta strong{color:var(--accent);font-weight:600}.keepsake{margin:3em 0 1em;padding:clamp(28px,5vw,48px) clamp(16px,4vw,40px);border-top:1px solid var(--hair-strong);border-bottom:1px solid var(--hair-strong);text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ks-line{font-size:clamp(26px,4.6vw,44px);font-weight:600;margin:.4em 0;line-height:1.6}.ks-slot{border-bottom:.08em solid currentColor;padding-bottom:.02em}.ks-ghost{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;min-height:1.4em;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}.keepsake.held .ks-ghost{opacity:.62;transform:none}.ks-alt{font-size:13px;letter-spacing:.1em;color:var(--ink-3)}.ks-caption{display:block;font-size:11px;letter-spacing:.14em;color:var(--accent);opacity:0;transition:opacity .3s}.ks-caption.show{opacity:1}.ks-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:1.6em}.ks-swatch{width:15px;height:15px;border-radius:50%;border:1px solid var(--hair-strong);transition:background .9s ease}.ks-hue{font-size:12px;letter-spacing:.06em;color:var(--ink-3)}.ks-copy{font-size:12px;letter-spacing:.06em;padding:8px 18px;border:1px solid var(--hair-strong);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .25s,border-color .25s}.ks-copy:hover{background:hsl(var(--accent-h) 55% 88% / .6);border-color:var(--accent)}.ks-count{color:var(--ink-2)}.ks-count strong{color:var(--accent);font-weight:600}.ks-toast{min-height:1.4em;font-size:12px;letter-spacing:.08em;color:var(--accent);margin:.6em 0 0}.colophon{margin-top:clamp(110px,16vh,190px);padding:clamp(40px,7vh,72px) clamp(20px,6vw,72px) 60px;border-top:1px solid var(--hair-strong)}.fin-dot{display:block;width:max-content;margin:0 auto 30px;font-size:30px;line-height:1;color:var(--ink)}.colo-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;font-size:11.5px;letter-spacing:.04em;color:var(--ink-2);line-height:1.8}.colo-grid p{margin:0}.colo-k{color:var(--ink-3);letter-spacing:.18em;margin-bottom:4px!important}.colo-note{max-width:1080px;margin:40px auto 0;text-align:center;font-size:14px;color:var(--ink-3)}.colo-top{display:block;width:max-content;margin:28px auto 0;font-size:11px;letter-spacing:.2em;color:var(--ink-2);text-decoration:none;border-bottom:1px solid transparent;transition:color .25s}.colo-top:hover{color:var(--accent)}.sr-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes word-in{0%{opacity:0;transform:scale(.55) translateY(.1em)}62%{opacity:1;transform:scale(1.09) translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes word-out{0%{opacity:.9;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(.32em) scale(.86)}}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-.014em)}}@keyframes ghost-a{0%,to{margin-top:0}50%{margin-top:.02em}}@keyframes ghost-b{0%,to{margin-top:.01em}50%{margin-top:-.015em}}@keyframes caret{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes dot-drop{0%{opacity:0;transform:translateY(-.55em) scale(1.5)}60%{opacity:1;transform:translateY(.04em) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cue{0%,to{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes char-settle{0%{transform:scale(1.14);filter:blur(1.5px)}to{transform:scale(1);filter:blur(0)}}@keyframes panel-in{0%{opacity:0;transform:translate(-50%) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes glance{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@media (max-width: 720px){body{font-size:15.5px}.hero{padding-top:88px;align-items:flex-start}.hero-line{line-height:1.5}.hero-hint{min-height:2.4em}.dist-panel{position:fixed;inset:auto 14px 14px;transform:none;min-width:none;max-width:none;width:auto;padding:14px}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chapter-body{margin-left:0}.chapter-doubt .chapter-body{margin-left:auto;margin-right:auto}.sec-title{gap:16px}.sec-note{font-size:13px}.colo-grid{grid-template-columns:repeat(2,1fr)}.mem-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.brand-en{display:none}.doubt-passage{line-height:2.1}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cue-line,.slot-caret{animation:none!important}.slot-caret{opacity:.55}.hero-cue{opacity:.75}}