:root{font-family:var(--rc-font-sans, "Microsoft YaHei", sans-serif);color:#eae9e3;background:#0b0e0e;font-synthesis:none;--muted: #969d97;--line: #ffffff20;--accent: #d4f188;--control-radius: var(--rc-radius, 6px)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit;background:none;border:0}a,button{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover,a:hover{color:#e0f6ab}.brand{position:relative;width:184px;height:44px;flex-shrink:0;overflow:hidden;display:flex;gap:13px;align-items:center;font-size:23px;letter-spacing:-1px;font-weight:700}.brand>.brand-logo{width:164px}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:4px}.rc-symbol{display:inline-grid;place-items:center;font-weight:800;font-style:italic;letter-spacing:-7px;font-size:32px;width:43px;height:43px;border:1px solid #d4f1888a;border-radius:50%;padding-right:6px;color:var(--accent)}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a{color:#b5bbb5}nav a[aria-current=page]{color:var(--accent)}nav .nav-find{padding:12px 18px;border:1px solid #a1ab9670;border-radius:var(--control-radius);background:var(--accent);color:#152015;min-height:44px;display:inline-flex;align-items:center}.nav-find span{margin-left:14px}nav .nav-find[aria-current=page],nav .nav-find:hover{color:#152015}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;background:var(--accent);color:#0b0e0e;padding:12px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{display:block;font-size:10px;letter-spacing:2.5px;color:var(--muted);line-height:1.8}.button{min-height:44px;border-radius:var(--control-radius);display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:16px 24px;background:var(--accent);color:#152015;border:1px solid var(--accent);font-size:13px}.button:hover{background:#e0ffa0;color:#152015}.text-button{padding:0;text-align:left}.universe-page{position:relative;min-height:calc(100svh - 100px)}.scene-fallback{height:calc(100svh - 100px);display:flex;gap:20px;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#142322,#090d0e 65%)}.scene-fallback p{color:var(--muted);font-size:13px}.scene-fallback a{font-size:13px;color:var(--accent)}.catalog-page,.detail-page{max-width:1700px;padding:0 4vw;margin:auto}.catalog-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:56px 0 36px}.catalog-intro h1{font-size:clamp(32px,3.6vw,57px);line-height:1.34;letter-spacing:-2px;font-weight:500;margin:20px 0 0}.catalog-intro h1 span{color:#919d93}.catalog-intro p{font-size:13px;line-height:2;color:var(--muted);padding-right:2vw}.catalog-tools{display:flex;justify-content:space-between;gap:24px;padding:30px 0 22px;border-bottom:1px solid var(--line)}.color-search{display:flex;align-items:center;gap:16px;max-width:620px;width:60%;border-bottom:1px solid #687165;padding-bottom:12px}.color-search>span{font-size:27px}.color-search input{background:none;border:0;color:inherit;min-width:0;flex:1;outline:none;font-size:14px}.color-search input::placeholder{color:#9aa097}.color-search button{font-size:12px;white-space:nowrap}.view-switch{display:flex;gap:4px;align-items:center}.view-switch button{border:1px solid transparent;padding:10px 17px;color:var(--muted);font-size:12px}.view-switch button[aria-pressed=true]{border-color:#849178;color:#d4f188}.catalog-filters{display:flex;gap:24px;align-items:center;padding:22px 0 26px;font-size:12px;color:var(--muted)}.catalog-filters label{display:flex;align-items:center;gap:12px}.catalog-filters select{color:#e5e9dc;background:#0b0e0e;border:0;padding:8px 18px 8px 0;max-width:140px}.result-count{margin-left:auto}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}.color-card{display:block;min-width:0}.card-swatch{display:block;position:relative;aspect-ratio:1.24;border:1px solid #ffffff12;overflow:hidden;transition:border-radius .3s}.color-card:hover .card-swatch{border-radius:28px 0}.swatch-brand{position:absolute;right:19px;bottom:14px;font-weight:800;font-size:22px;letter-spacing:-3px;color:#fff7;mix-blend-mode:soft-light}.card-arrow{position:absolute;right:16px;top:13px;border:1px solid #fff6;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#fff;text-shadow:0 1px 3px #333;background:#0002}.card-caption{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding-top:15px}.card-caption strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.card-caption>span{font-size:9px;letter-spacing:.5px;color:var(--muted);white-space:nowrap}.card-family{font-size:10px;color:var(--muted);display:block;margin-top:6px}.catalog-footer{border-top:1px solid var(--line);padding:28px 0;margin-top:70px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;color:var(--muted)}.empty-state{padding:90px 15px;text-align:center}.empty-state h2{font-size:24px;font-weight:400}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:30px}.detail-breadcrumb{display:flex;justify-content:space-between;padding:28px 0;font-size:12px;color:var(--muted)}.detail-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center;padding:10px 0 45px}.detail-swatch{background:var(--swatch);aspect-ratio:1.1;position:relative;overflow:hidden;min-height:350px;border:1px solid #ffffff15;color:#fff9}.detail-swatch-id{position:absolute;top:26px;left:28px;font-size:11px;letter-spacing:2px;mix-blend-mode:overlay}.detail-monogram{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(130px,25vw,400px);font-weight:700;font-style:italic;letter-spacing:-.14em;padding-right:.12em;opacity:.16;mix-blend-mode:overlay}.detail-swatch-footer{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:baseline;font-size:18px;font-weight:700;mix-blend-mode:overlay}.detail-swatch-footer small{font-size:8px;letter-spacing:2px}.detail-info{padding:20px 0}.detail-info h1{font-size:clamp(32px,3.5vw,58px);font-weight:500;line-height:1.2;letter-spacing:-1px;margin:23px 0 12px}.english-name{font-size:14px;color:var(--muted)}.detail-description{margin:38px 0 30px;color:#b5beb1;font-size:14px}.detail-info dl{margin:0 0 24px}.detail-info dl>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-info dt{color:var(--muted)}.detail-info dd{margin:0}.color-note{font-size:11px;line-height:1.8;color:var(--muted);margin:24px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:40px 0 30px}.section-heading h2{font-size:24px;font-weight:400;margin:12px 0}.section-heading>a{font-size:12px}.related-colors .color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.error-page{min-height:100svh;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:140px 8% 72px;background:var(--rc-paper,#f6f7f2);color:var(--rc-ink,#182820);font-family:var(--rc-font-sans)}.error-page .error-brand{position:absolute;top:32px;left:8%;display:inline-flex;min-height:44px;align-items:center}.error-brand .brand-logo{width:140px}.error-page h1{font-size:clamp(38px,5vw,64px);line-height:1.12;font-weight:500;letter-spacing:-.035em;margin:0;max-width:18ch;text-wrap:balance}.error-page p{max-width:56ch;margin:24px 0 0;color:#536158;line-height:1.7}.error-page .error-status{margin:0 0 18px;font-size:13px}.error-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:34px}.error-page a{color:inherit;text-underline-offset:5px}.error-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none}.error-actions a:hover{text-decoration:underline}.error-actions .error-primary{padding:0 24px;border-radius:4px;background:#233e31;color:#f6f7f2}.error-primary:hover{background:#365941}.error-page .error-support{margin-top:48px;font-size:14px;min-height:44px;display:inline-flex;align-items:center;color:#536158}.error-page :focus-visible{outline:2px solid #416a51;outline-offset:5px}.exhibition{overflow:hidden;margin:0 -4vw;padding-top:10px}.ring-stage{position:relative;height:370px;perspective:1000px;touch-action:pan-y}.ring-card{position:absolute;left:calc(50% - 110px);top:38px;width:220px;transform:translate(calc(var(--offset) * 190px)) translateZ(calc(abs(var(--offset))*-120px)) rotateY(calc(var(--offset) * -13deg));transition:transform .45s,opacity .45s;opacity:calc(1 - (abs(var(--offset))*.16))}.ring-color{display:block;height:240px;background:var(--swatch);border:1px solid #ffffff30}.ring-card-label{display:block;font-size:12px;padding:15px 0;color:#f2f1e7}.ring-card-label small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.ring-card-center .ring-color{box-shadow:0 12px 65px #0006}.ring-controls{display:flex;justify-content:center;align-items:center;gap:50px;text-align:center;padding:20px 20px 5px}.ring-controls button{border:1px solid #7d897566;border-radius:50%;width:44px;height:44px}.ring-controls h2{font-size:25px;font-weight:400;margin:10px 0}.ring-controls p{color:var(--muted);font-size:11px}@media(min-width:1500px){.color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 15px}.card-caption{display:block}.card-caption>span{display:block;margin-top:6px}.detail-hero{gap:5vw;grid-template-columns:1fr 1fr}.detail-swatch{min-height:320px;aspect-ratio:.85}nav{gap:20px}.universe-page,.scene-fallback{min-height:calc(100svh - 84px)}.catalog-intro{padding-top:40px}}@media(max-width:600px){.brand{width:144px;font-size:17px;gap:9px}.brand small{font-size:5px;letter-spacing:1.2px}.brand .rc-symbol{font-size:25px;width:33px;height:33px;letter-spacing:-6px}nav{gap:14px;font-size:11px}nav .nav-find{padding:8px 10px}.nav-find span{display:none}.catalog-page,.detail-page{padding:0 5vw}.catalog-intro{display:block;padding:35px 0 10px}.catalog-intro h1{font-size:35px;letter-spacing:-1px}.catalog-intro p{font-size:12px;margin-top:20px}.catalog-tools{display:block;padding-top:20px}.color-search{width:100%;max-width:none}.view-switch{margin-top:22px}.view-switch button{flex:1}.catalog-filters{gap:12px;flex-wrap:wrap;font-size:11px;padding:16px 0 22px}.catalog-filters label{gap:5px}.catalog-filters select{max-width:110px;padding-right:0}.result-count{margin-left:auto}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.card-swatch{aspect-ratio:1}.card-caption strong{font-size:12px}.card-arrow{width:24px;height:24px;font-size:12px;right:10px;top:10px}.swatch-brand{font-size:18px;right:12px;bottom:10px}.catalog-footer{font-size:8px;letter-spacing:.5px;margin-top:45px}.detail-breadcrumb{padding:23px 0}.detail-hero{display:flex;flex-direction:column;align-items:stretch;gap:12px}.detail-swatch{aspect-ratio:1.12;min-height:0}.detail-monogram{font-size:65vw}.detail-info{padding:24px 0}.detail-info h1{font-size:37px}.detail-description{margin-top:27px}.section-heading{align-items:flex-end}.section-heading h2{font-size:18px}.related-colors .color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ring-card{width:180px;left:calc(50% - 90px);transform:translate(calc(var(--offset) * 150px)) translateZ(calc(abs(var(--offset))*-120px)) rotateY(calc(var(--offset) * -13deg))}.ring-color{height:215px}.ring-stage{height:330px}.ring-controls{gap:20px}.ring-controls p{max-width:200px;line-height:1.6}.universe-page,.scene-fallback{min-height:calc(100svh - 78px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{--header-height: 100px}@media(max-width:900px){:root{--header-height: 84px}}@media(max-width:600px){:root{--header-height: 78px}}.assembled-detail-toolbar :focus-visible{outline-color:#51405d}.assembled-detail-page{height:calc(100dvh - var(--header-height));display:flex;flex-direction:column}.assembled-detail-toolbar{background:var(--rc-paper);color:var(--rc-ink);min-height:48px;flex-shrink:0;padding:2px var(--rc-page-gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;border-bottom:1px solid var(--rc-line)}.assembled-detail-toolbar :is(a,button){display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;text-align:left}.assembled-detail-toolbar span{color:var(--rc-muted);text-align:right}.assembled-detail-toolbar a:hover,.assembled-detail-toolbar button:hover{color:#51405d}.assembled-detail-page>iframe{width:100%;flex:1;min-height:0;border:0;background:#fff}.detail-preview-link{display:block;margin:0 0 24px;text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.assembled-detail-toolbar{align-items:flex-start;flex-direction:column;gap:0;padding-block:4px 10px;font-size:12px}.assembled-detail-toolbar span{text-align:left;overflow-wrap:anywhere}}