/* zintp / spectral geometry — additive homepage polish, 2026-09-06 */
:root{--ink:#211c38;--muted:#686077;--line:rgba(255,255,255,.70);--shadow:0 20px 65px rgba(76,41,121,.09);--shadow-soft:0 10px 30px rgba(77,44,126,.07);--fx-line:rgba(126,86,212,.34);--fx-dot:#9673da;--fx-opacity:.85;--fx-x:0px;--fx-y:0px}
html{background:#f1eeff}body{background:radial-gradient(ellipse at 8% 0%,#eadbff 0%,transparent 48%),radial-gradient(ellipse at 96% 28%,#e1e5ff 0%,transparent 48%),linear-gradient(160deg,#f7f0ff 0%,#f1eeff 46%,#eaf3fb 100%);background-attachment:scroll}
.bg{z-index:0;background-image:radial-gradient(rgba(141,106,196,.17) .65px,transparent .65px);background-size:26px 26px}
.bg::before,.bg::after,.blob{filter:none}
.bg::before{width:65vw;height:65vw;max-width:900px;max-height:900px;left:-24vw;top:-22vw;background:radial-gradient(circle,rgba(177,115,255,.20),transparent 65%)}
.bg::after{width:65vw;height:65vw;max-width:900px;max-height:900px;right:-25vw;top:10vh;background:radial-gradient(circle,rgba(118,157,255,.16),transparent 68%)}
.wrap{z-index:1}.aurora{position:absolute;inset:-12%;background:conic-gradient(from 210deg at 55% 45%,transparent 0deg,rgba(157,109,252,.14) 56deg,transparent 105deg,rgba(79,195,232,.09) 157deg,transparent 205deg,rgba(215,132,243,.14) 265deg,transparent 315deg);animation:auroraDrift 24s ease-in-out infinite alternate;opacity:.8}
@keyframes auroraDrift{to{transform:translate3d(2%,-2%,0) rotate(8deg);opacity:.55}}
.glass{background:linear-gradient(130deg,rgba(255,255,255,.55),rgba(255,255,255,.26));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#c49af6 25%,#fff 49%,#86cced 70%,transparent);opacity:.9;pointer-events:none}
.hero::after{width:400px;height:400px;right:-120px;bottom:-160px;background:radial-gradient(circle,rgba(163,112,236,.18),transparent 70%);z-index:-1}
.eyebrow{color:#74628e;border-color:rgba(194,164,231,.35);background:rgba(255,255,255,.42);letter-spacing:.2em}
.eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:#9b70df;box-shadow:0 0 0 4px rgba(155,112,223,.10),0 0 12px rgba(155,112,223,.36)}
h1{color:#352355;background:linear-gradient(110deg,#292039 5%,#6a428b 44%,#786fc0 63%,#2d2646 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-grid>div,.grid>*{min-width:0}
.hero-grid>div:first-child{display:flex;flex-direction:column;justify-content:center}
.ticker{display:grid;height:auto!important;min-width:0;min-height:132px;overflow:visible}
.ticker-item{position:relative;inset:auto;grid-area:1/1;min-width:0;animation:none!important;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;align-self:stretch}
.ticker-item.is-current{opacity:1;visibility:visible}.ticker-item:first-child{transition:none}.ticker-card.glass{backdrop-filter:none;-webkit-backdrop-filter:none}
.ticker-card{min-width:0;padding:18px 20px;border-color:rgba(214,191,244,.58);background:linear-gradient(125deg,rgba(255,255,255,.60),rgba(255,255,255,.25));box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 28px rgba(124,77,179,.06)}
.ticker-card::before{inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,#ac82e6,#8ab9ed,transparent)}
.ticker-en{color:#453251;letter-spacing:-.025em;overflow-wrap:anywhere}
.ticker-zh{color:var(--muted);overflow-wrap:anywhere}
.intp-signature{display:flex;align-items:center;gap:10px;color:#7c638c;margin:18px 3px 0;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;text-transform:uppercase}
.signature-line{height:1px;flex:1;max-width:70px;background:linear-gradient(90deg,rgba(159,113,214,.50),transparent)}
.signature-code{color:#a081bb;font-size:11px;letter-spacing:.06em}
.orbit-study{height:148px;position:relative;margin:14px 0 0;overflow:hidden;pointer-events:none;contain:layout paint}
.orbit-canvas{display:block;width:100%;height:100%;opacity:var(--fx-opacity)}
.study-caption{position:absolute;bottom:7px;left:3px;right:3px;display:flex;justify-content:space-between;gap:12px;color:#937ba5;font:9px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em}
.study-caption span:last-child{color:#a498b4}
.art{isolation:isolate;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 20px 42px rgba(103,65,165,.09);border-color:rgba(255,255,255,.82);background:radial-gradient(ellipse at 50% 52%,rgba(158,107,230,.17),transparent 63%),linear-gradient(135deg,rgba(255,255,255,.52),rgba(225,221,255,.30))}
.art::before{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.72),transparent 31%),radial-gradient(circle at 83% 84%,rgba(111,184,232,.12),transparent 37%);transform:translate3d(var(--fx-x),var(--fx-y),0)}
.art svg{pointer-events:none}.liquid-art .lens{opacity:.62}
.orbital-scene{position:absolute;inset:0;z-index:0;pointer-events:none;perspective:850px;overflow:hidden}
.orbital-system{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(-25deg);animation:orbitalTurn 32s linear infinite}
.orbital-ring{position:absolute;inset:0;border:1px solid rgba(151,103,219,.36);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 16px rgba(170,117,240,.06),inset 0 0 14px rgba(188,153,241,.07)}
.orbital-ring::before{content:"";position:absolute;left:16%;top:12%;width:5px;height:5px;border-radius:50%;background:#b788f0;box-shadow:0 0 10px #bb90f1}
.orbital-ring.ring-b{transform:rotateY(68deg);border-color:rgba(106,163,224,.29)}
.orbital-ring.ring-b::before{background:#8ac3ee;box-shadow:0 0 10px #8ac3ee;left:79%;top:18%}
.orbital-ring.ring-c{transform:rotateY(-60deg) rotateX(24deg);inset:9%;border-style:dashed;border-color:rgba(166,117,215,.24)}
@keyframes orbitalTurn{to{transform:translate(-50%,-50%) rotateX(62deg) rotateZ(335deg)}}
.art-coordinates{position:absolute;inset:auto 17px 14px;display:flex;justify-content:space-between;gap:8px;z-index:2;pointer-events:none;font:9px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#9882ab}
.art-coordinates span:last-child{color:#8c91b2}
.section{position:relative;border-color:rgba(255,255,255,.72)}
.card{--tilt-x:0deg;--tilt-y:0deg;background:linear-gradient(140deg,rgba(255,255,255,.64),rgba(255,255,255,.28));border-color:rgba(255,255,255,.78);transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.card::before{right:-38px;top:-46px;width:170px;height:170px;background:radial-gradient(circle,rgba(157,109,235,.13),transparent 70%)}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(180px circle at var(--shine-x,50%) var(--shine-y,0%),rgba(201,167,255,.22),transparent 80%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.48) 47%,rgba(188,171,249,.12) 52%,transparent 70%);opacity:0;transition:opacity .3s ease}
.card>.top,.card>.title,.card>.desc,.card>.path{position:relative;z-index:1}
.icon{background:linear-gradient(140deg,rgba(255,255,255,.8),rgba(219,204,245,.22));box-shadow:inset 0 1px 0 white,0 4px 14px rgba(135,88,185,.07);border-radius:16px}
.kind{font-size:11px;color:#76618b;background:rgba(245,238,255,.58);border-color:rgba(213,190,241,.25)}
.path{background:rgba(249,246,255,.6);color:#7b6a89;border-color:rgba(217,201,237,.38)}
a:focus-visible,button:focus-visible{outline:2px solid #8752cd;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.card:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));border-color:rgba(185,141,239,.60);box-shadow:0 18px 38px rgba(117,68,179,.14),inset 0 1px 0 rgba(255,255,255,.9);background:linear-gradient(140deg,rgba(255,255,255,.7),rgba(239,229,255,.39))}.card:hover::after{opacity:1}.card:hover .path{color:#76519a;border-color:rgba(183,143,227,.44)}}
@media(hover:none),(pointer:coarse){.card:hover{transform:none;background:linear-gradient(140deg,rgba(255,255,255,.64),rgba(255,255,255,.28));border-color:rgba(255,255,255,.78)}.btn:hover{transform:none}.card:active{border-color:#b692df}.art{transform:none}.card::after{display:none}}
@media(prefers-color-scheme:dark){html{background:#1c142c}:root{--ink:#f0e9fa;--muted:#b9abc8;--line:rgba(221,191,255,.20);--shadow:0 20px 65px rgba(12,4,27,.30);--shadow-soft:0 10px 30px rgba(9,4,19,.18);--fx-line:rgba(180,138,240,.29);--fx-dot:#c49af5;--fx-opacity:.85}body{background:radial-gradient(ellipse at 5% -5%,#352046 0%,transparent 49%),radial-gradient(ellipse at 100% 35%,#252440 0%,transparent 45%),linear-gradient(150deg,#161121,#1c142c 55%,#141b2d)}.bg{background-image:radial-gradient(rgba(193,149,252,.12) .65px,transparent .65px)}.glass{background:linear-gradient(135deg,rgba(124,86,162,.15),rgba(118,97,157,.07));border-color:rgba(202,170,244,.18)}h1{background-image:linear-gradient(110deg,#f6edff 5%,#d6b4f5 44%,#b5b9ff 66%,#f0e3ff 95%)}.eyebrow{background:rgba(183,127,240,.06);color:#bda4d0;border-color:rgba(193,152,233,.15)}.ticker-card{background:linear-gradient(125deg,rgba(133,92,178,.15),rgba(80,65,111,.12));border-color:rgba(185,139,231,.2);box-shadow:inset 0 1px 0 rgba(234,211,255,.10),0 8px 25px rgba(10,5,20,.07)}.ticker-en{color:#e5d7f2}.intp-signature{color:#a68abd}.signature-code,.study-caption{color:#8e79a5}.study-caption span:last-child{color:#736986}.art{background:radial-gradient(ellipse at 50% 50%,rgba(137,82,210,.23),transparent 68%),linear-gradient(135deg,rgba(130,95,174,.12),rgba(90,73,139,.07));border-color:rgba(212,183,247,.2);box-shadow:inset 0 1px 0 rgba(234,211,255,.11),0 20px 42px rgba(8,3,18,.16)}.art::before{background:radial-gradient(circle at 28% 22%,rgba(185,142,233,.12),transparent 32%),radial-gradient(circle at 83% 84%,rgba(95,139,204,.10),transparent 37%)}.orbital-ring{border-color:rgba(198,156,247,.30)}.orbital-ring.ring-b{border-color:rgba(133,180,244,.25)}.orbital-ring.ring-c{border-color:rgba(178,133,235,.23)}.art-coordinates{color:#a88dbd}.art-coordinates span:last-child{color:#9295bd}.card{background:linear-gradient(140deg,rgba(127,94,161,.15),rgba(113,96,145,.06));border-color:rgba(196,159,237,.19)}.card::after{mix-blend-mode:soft-light}.icon{background:linear-gradient(140deg,rgba(166,130,198,.14),rgba(138,106,173,.08));box-shadow:inset 0 1px 0 rgba(234,213,255,.12),0 4px 14px rgba(13,5,27,.12);border-color:rgba(202,163,238,.19)}.kind{color:#baa6ca;background:rgba(166,126,208,.09);border-color:rgba(181,142,226,.15)}.path{color:#b9a5cb;background:rgba(165,130,207,.06);border-color:rgba(187,150,225,.14)}a:focus-visible,button:focus-visible{outline-color:#c79bf8}}
@media(prefers-color-scheme:dark) and (hover:hover) and (pointer:fine){.card:hover{background:linear-gradient(140deg,rgba(153,107,199,.21),rgba(100,88,148,.11));box-shadow:0 18px 38px rgba(10,4,23,.30),inset 0 1px 0 rgba(240,219,255,.12);border-color:rgba(182,131,232,.45)}.card:hover .path{color:#dcc0f3;border-color:rgba(185,139,233,.30)}}
@media(prefers-color-scheme:dark) and (hover:none){.card:hover{background:linear-gradient(140deg,rgba(127,94,161,.15),rgba(113,96,145,.06));border-color:rgba(196,159,237,.19)}}
@media(max-width:900px){.hero-grid{gap:20px}.ticker{min-height:118px}.ticker-card{padding:16px}.orbit-study{display:none}.intp-signature{margin:12px 3px 0}.art{min-height:280px}.aurora{animation-duration:32s;opacity:.55}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(max-width:540px){.grid{grid-template-columns:minmax(0,1fr)}.hero,.section{padding:16px}.hero-main{gap:16px}.meta{gap:8px;width:100%}.pill{flex:1;min-width:0;padding:10px 12px;border-radius:15px}.pill .v{font-size:16px}.pill .k{font-size:9px}.art{min-height:260px}.art svg{max-width:340px}.orbital-system{width:76%;max-width:290px}.ticker-en{font-size:16px}.ticker-zh{font-size:12px}.signature-code{display:none}.card{min-height:186px}.art-coordinates{font-size:8px;inset:auto 14px 12px}.hero{border-radius:26px}}
@media(max-width:360px){.hero,.section{padding:13px}.ticker-card{padding:14px}.ticker-en{font-size:15px}.ticker-zh{font-size:11px}.intp-signature{font-size:9px;letter-spacing:.1em}.art{min-height:232px}.sub{font-size:12px}.pill{padding:9px 10px}.wrap{width:calc(100% - 16px)}}
html.is-hidden *,html.is-hidden *::before,html.is-hidden *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ticker{display:block;min-height:0}.ticker-item{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;margin-bottom:10px}.art,.card,.card:hover,.btn:hover{transform:none!important}.aurora{opacity:.4}}