:root{--bg: #fdfdfd;--surface: #ffffff;--surface-warm: #f7fbfb;--fg: #111111;--fg-2: #1a1a1a;--muted: #555555;--meta: #777777;--border: rgba(0, 0, 0, .12);--border-soft: rgba(0, 0, 0, .08);--accent: #21a4b1;--accent-on: #ffffff;--accent-hover: #007481;--accent-active: #005f6b;--success: #21a4b1;--superindividual: #E77E47;--highlight: #F6B85A;--grid-line: rgba(0, 0, 0, .035);--font-display: "Noto Sans TC", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Noto Sans TC", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Space Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--elev-flat: none;--elev-raised: 0 10px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--focus-ring: 0 0 0 3px rgba(33, 164, 177, .24)}body{background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:18px 18px;color:var(--fg)}h1,h2,h3{font-weight:800;letter-spacing:0}.topnav{background:color-mix(in oklab,var(--bg) 88%,white 12%);border-bottom:1px solid rgba(0,0,0,.14)}.brand{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;align-items:center}.brand:before{content:"";width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:url(/assets/raymond30-logo-circle-BEsz3V26.png) center / cover no-repeat,var(--fg);box-shadow:0 0 0 1px #ffffffb8,0 1px 10px #0000001a}.brand strong,.brand span{grid-column:2}.brand strong{font-size:15px;font-weight:800}.brand span{color:var(--muted)}.btn,.chip,.tag,.icon-btn,input{border-color:var(--border)}.btn{min-height:38px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:none}.btn:hover,.chip:hover{border-color:var(--fg);background:#fff}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.page-head,.article-header,.hero,.intro{background:color-mix(in oklab,var(--surface) 82%,transparent)}.page-head{padding-block:18px 16px}.wall-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.wall-meta span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#ffffffc7;color:var(--muted);font:700 12px/1 var(--font-mono)}.page-head h1,.intro h1{max-width:none}.search input{min-height:48px;border-radius:18px;background:#ffffffeb}.search input:focus{border-color:var(--accent)}.filters{-webkit-overflow-scrolling:touch}.chip[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:#fff}.kicker,.eyebrow,.breadcrumb{color:var(--accent);letter-spacing:.08em}.tag{background:#ffffffb8;border-color:color-mix(in oklab,var(--accent) 34%,rgba(0,0,0,.1));color:var(--accent-hover);font-weight:700}.tag:nth-of-type(3n+2){background:color-mix(in oklab,var(--superindividual) 10%,white);border-color:color-mix(in oklab,var(--superindividual) 42%,white);color:color-mix(in oklab,var(--superindividual),black 20%)}.tag:nth-of-type(3n){background:color-mix(in oklab,var(--highlight) 14%,white);border-color:color-mix(in oklab,var(--highlight) 48%,white);color:color-mix(in oklab,var(--highlight),black 42%)}.featured{border-top:0;padding-block:22px 34px}.featured-copy{min-height:360px}.cover,.shot,.hero-shot,.modal-hero,.thumb{background:radial-gradient(circle at 18% 18%,color-mix(in oklab,var(--highlight) 18%,transparent),transparent 24%),linear-gradient(135deg,#fff,color-mix(in oklab,var(--accent) 10%,white 90%))}.featured-copy,.status-card,.screen-card,.sidebox,.author-card,.tools-card,.panel,.step,.callout,.more-card,.modal{background:#fffffff0;border-color:var(--border)}.work-card{border-radius:22px;position:relative;overflow:hidden;background:#ffffffbd;backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18);transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background .18s ease-out}.work-card h3{font-weight:800}.work-card:before{content:"";position:absolute;inset:1px;border-radius:21px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 34%),radial-gradient(circle at 18% 8%,rgba(255,255,255,.74),transparent 28%);opacity:0;transition:opacity .18s ease-out}.work-card:hover,.work-card:focus-visible,.screen-card:hover,.more-card:hover,.step:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--accent),black 12%);background:#ffffffdb;box-shadow:0 16px 40px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffffd6}.work-card:hover:before,.work-card:focus-visible:before{opacity:1}.shot{border-radius:18px}.shot-body{background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:12px 12px}.shot-header,.window-bar{background:color-mix(in oklab,var(--surface-warm),var(--accent) 6%)}.tile:nth-child(1){background:color-mix(in oklab,var(--accent) 16%,white)}.tile:nth-child(2){background:color-mix(in oklab,var(--highlight) 28%,white)}.tile:nth-child(3){background:color-mix(in oklab,var(--superindividual) 13%,white)}.modal-layer{background:#1111118a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-top{background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.article p,.article li,.post p,.post li{color:var(--fg)}.article h2,.post h2{border-top-color:var(--border)}.pull-note{border-left:4px solid var(--accent);padding:14px 18px;border-radius:0 var(--radius-md) var(--radius-md) 0;background:color-mix(in oklab,var(--accent) 8%,white);color:var(--fg);font-weight:700}.avatar{background:linear-gradient(135deg,var(--fg),color-mix(in oklab,var(--accent),black 36%));position:relative}.avatar:after{content:"R30";position:absolute;inset:0;display:grid;place-items:center;color:var(--highlight);font:800 11px/1 var(--font-mono)}.step-num{background:var(--highlight);color:var(--fg);border:1px solid color-mix(in oklab,var(--highlight),black 18%);font-weight:800}.codebox{background:#111}.codebox pre{color:#f7f7f7}.site-footer{border-top:1px solid var(--border);background:#ffffffe0}.footer-inner{max-width:var(--container-max);margin:0 auto;padding:32px var(--container-gutter-desktop);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) minmax(220px,.8fr);gap:24px}.footer-brand{display:grid;gap:8px}.footer-brand strong,.footer-links strong{font-weight:900}.footer-brand p,.footer-links a,.footer-note{color:var(--muted);font-size:14px;line-height:1.65}.footer-links{display:grid;gap:8px;align-content:start}.footer-links a:hover{color:var(--accent-hover)}@media(max-width:760px){.brand{grid-template-columns:34px minmax(0,1fr)}.brand:before{width:34px;height:34px}.page-head h1,h1{font-size:28px}.work-card{padding:10px}.footer-inner{grid-template-columns:1fr;padding-inline:var(--container-gutter-phone)}}