:root{color-scheme:dark;--ink:#050711;--ink2:#080d1d;--text:#f8f2e7;--muted:#aab1c9;--gold:#e9c884;--gold2:#f8e6b0;--violet:#a474ff;--line:rgba(138,161,226,.22);--width:min(1240px,calc(100% - 64px));font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif;background:var(--ink);color:var(--text)}
*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--ink)}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.page-width{width:var(--width);margin-inline:auto}.pointer-glow{position:fixed;z-index:60;width:360px;height:360px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(128,82,255,.13),transparent 68%);transform:translate(-50%,-50%);transition:opacity .25s ease;mix-blend-mode:screen}
.site-header{position:fixed;z-index:30;top:0;left:50%;display:flex;width:min(1440px,calc(100% - 52px));height:82px;align-items:center;justify-content:space-between;transform:translateX(-50%)}.site-header::before{position:absolute;z-index:-1;inset:8px -12px;border:1px solid rgba(150,165,221,.22);border-radius:21px;background:rgba(4,8,21,.45);box-shadow:0 16px 55px rgba(0,0,0,.24);content:"";backdrop-filter:blur(18px)}.site-header.is-scrolled::before{border-color:rgba(174,149,247,.35);background:rgba(4,8,21,.86)}.brand{display:inline-flex;align-items:center;gap:13px;color:#fff2cc;font-family:Georgia,"Songti SC",serif;font-size:20px;letter-spacing:.06em;white-space:nowrap}.brand b{color:#ceb1ff;font-family:Georgia,serif;font-weight:500}.brand-mark{position:relative;display:block;width:45px;height:40px}.brand-mark::before,.brand-mark::after,.brand-mark__peak{position:absolute;bottom:4px;display:block;width:27px;height:27px;border:1px solid var(--gold);border-bottom:0;transform:rotate(45deg) skew(-12deg,-12deg);content:"";box-shadow:0 0 12px rgba(240,202,126,.3)}.brand-mark::before{left:0;background:linear-gradient(135deg,rgba(240,202,126,.3),transparent 70%)}.brand-mark::after{right:0;width:25px;height:25px;border-color:#b390ff;background:linear-gradient(135deg,rgba(163,115,255,.3),transparent 70%)}.brand-mark__peak{left:11px;bottom:11px;width:23px;height:23px;border-color:#fff0bd;background:rgba(20,12,43,.92)}.brand-mark__dot{position:absolute;top:0;left:21px;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.desktop-nav{display:flex;align-items:center;gap:clamp(25px,3.4vw,52px);margin-left:auto;margin-right:clamp(30px,4.5vw,68px)}.desktop-nav a{position:relative;padding:12px 0;color:#c7cce0;font-size:16px;letter-spacing:.05em;transition:color .25s ease,transform .25s ease}.desktop-nav a::after{position:absolute;right:12%;bottom:2px;left:12%;height:2px;border-radius:9px;background:linear-gradient(90deg,transparent,var(--gold),transparent);content:"";transform:scaleX(0);transition:transform .25s ease}.desktop-nav a:hover,.desktop-nav a.is-active{color:#fff}.desktop-nav a:hover{transform:translateY(-1px)}.desktop-nav a:hover::after,.desktop-nav a.is-active::after{transform:scaleX(1)}.desktop-nav .nav-canvas{padding:10px 21px;border:1px solid rgba(177,131,255,.78);border-radius:999px;color:#fff;background:linear-gradient(115deg,rgba(72,35,180,.68),rgba(144,83,255,.44));box-shadow:0 0 24px rgba(128,68,255,.34),inset 0 1px rgba(255,255,255,.28)}.desktop-nav .nav-canvas::after{display:none}.desktop-nav .nav-canvas span{margin-left:7px;color:#e3cfff}.login-button{min-width:96px;height:44px;border:1px solid rgba(237,218,168,.72);border-radius:999px;background:rgba(5,8,18,.24);color:#fff4da;cursor:pointer;font-size:15px;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}.login-button:hover{background:rgba(255,255,255,.1);box-shadow:0 0 22px rgba(245,214,148,.19);transform:translateY(-2px)}
.hero{position:relative;min-height:max(800px,100svh);overflow:hidden;background:#030611;isolation:isolate}.hero-sky,.hero-sky>div{position:absolute;inset:0;pointer-events:none}.hero-sky{z-index:-4;overflow:hidden;background:radial-gradient(ellipse at 83% 42%,#171144 0%,#080c25 33%,#040712 66%,#02040c 100%)}.hero-sky__grain{opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:screen}.hero-sky__nebula{filter:blur(26px);mix-blend-mode:screen}.hero-sky__nebula--one{inset:-15% -15% 36% 42%;opacity:.48;background:radial-gradient(ellipse at 46% 50%,rgba(93,57,197,.65),transparent 57%),radial-gradient(ellipse at 73% 40%,rgba(71,136,227,.2),transparent 54%);transform:rotate(-18deg);animation:nebula-float 16s ease-in-out infinite alternate}.hero-sky__nebula--two{inset:40% 22% -24% -14%;opacity:.32;background:radial-gradient(ellipse at 55% 40%,rgba(111,36,165,.43),transparent 56%),radial-gradient(ellipse at 10% 70%,rgba(21,102,172,.23),transparent 55%);transform:rotate(19deg);animation:nebula-float-two 20s ease-in-out infinite alternate}.hero-sky__orbit{inset:auto -8% 9% 48%;height:54%;border:1px solid rgba(152,120,255,.16);border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 35px rgba(131,84,255,.08)}.hero-sky__orbit--one{animation:orbit-drift 19s ease-in-out infinite alternate}.hero-sky__orbit--two{inset:auto -5% 25% 54%;height:35%;border-color:rgba(239,202,126,.13);transform:rotate(22deg)}.hero-sky__stars{opacity:.6;background-image:radial-gradient(circle at 15% 24%,rgba(255,236,186,.8) 0 1px,transparent 1.6px),radial-gradient(circle at 39% 14%,rgba(187,168,255,.8) 0 1px,transparent 1.7px),radial-gradient(circle at 78% 27%,rgba(255,226,169,.75) 0 1px,transparent 1.6px),radial-gradient(circle at 91% 67%,rgba(164,143,255,.78) 0 1px,transparent 1.6px),radial-gradient(circle at 24% 75%,rgba(124,188,255,.7) 0 1px,transparent 1.6px);background-size:320px 270px,430px 350px,510px 390px,360px 320px,600px 460px;animation:stars-pan 35s linear infinite}.hero-sky__stars--far{opacity:.24;filter:blur(.35px);background-size:210px 190px,270px 220px,380px 290px,240px 210px,440px 350px;animation-duration:66s}.hero-sky__horizon{background:linear-gradient(90deg,#030611 0%,rgba(3,6,17,.89) 28%,rgba(3,6,17,.3) 55%,rgba(3,6,17,.05) 78%),linear-gradient(180deg,rgba(1,3,10,.68),transparent 24%,transparent 66%,rgba(2,4,13,.97) 100%)}.hero-character{position:absolute;z-index:-1;top:0;right:-4%;bottom:0;width:min(840px,58vw);overflow:visible;pointer-events:none}.hero-character img{position:absolute;bottom:-8%;right:0;width:100%;height:112%;object-fit:contain;object-position:bottom right}.hero-character__glow{opacity:.62;filter:blur(30px) saturate(1.55) brightness(1.3);transform:scale(1.015);mix-blend-mode:screen}.hero-character__main{filter:drop-shadow(-20px 0 24px rgba(148,94,255,.22)) drop-shadow(16px 0 18px rgba(240,179,93,.16));animation:character-breathe 10s ease-in-out infinite alternate}.hero::after{position:absolute;z-index:-1;right:15%;bottom:13%;width:360px;height:360px;border:1px solid rgba(200,157,255,.18);border-radius:50%;content:"";transform:rotate(23deg) skewX(-24deg);box-shadow:0 0 50px rgba(151,92,255,.11),inset 0 0 40px rgba(216,170,255,.08);pointer-events:none}.hero-inner{position:relative;display:flex;min-height:max(800px,100svh);align-items:center;padding-top:80px}.hero-copy{width:min(650px,56vw);padding:0 0 12px}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#cbcce0;font-size:15px;letter-spacing:.26em}.eyebrow__line{display:block;width:52px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.hero h1{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 15px;margin:0;color:#fff3d3;font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(50px,5.7vw,88px);font-weight:500;letter-spacing:.02em;line-height:1.08;text-shadow:0 0 28px rgba(248,212,137,.22)}.hero h1 em{color:#caa6ff;font-family:Georgia,serif;font-size:.8em;font-style:normal;letter-spacing:.05em;text-shadow:0 0 27px rgba(158,105,255,.47)}.hero-lead{margin:32px 0 0;color:#e4d5f9;font-size:clamp(23px,2.25vw,34px);letter-spacing:.06em;line-height:1.55}.hero-description{margin:14px 0 30px;color:#c1c6d7;font-size:clamp(15px,1.3vw,19px);letter-spacing:.04em;line-height:1.85}.hero-actions,.closing-actions{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;min-width:190px;height:54px;align-items:center;justify-content:center;gap:22px;padding:0 24px;border-radius:999px;font-size:16px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.button span{font-size:22px;line-height:1;transition:transform .25s ease}.button:hover{transform:translateY(-3px)}.button:hover span{transform:translateX(4px)}.button--gold{border:1px solid var(--gold);color:var(--gold2);background:linear-gradient(100deg,rgba(36,29,23,.82),rgba(7,10,20,.62));box-shadow:0 0 18px rgba(245,214,148,.1),inset 0 0 24px rgba(245,214,148,.04)}.button--gold:hover{box-shadow:0 0 29px rgba(245,214,148,.28)}.button--violet{border:1px solid #ad81ff;color:#fff;background:linear-gradient(135deg,#4d2aad,#8055f0 52%,#3d2293);box-shadow:0 0 24px rgba(136,75,255,.38),inset 0 1px rgba(255,255,255,.3)}.button--violet:hover{box-shadow:0 0 35px rgba(136,75,255,.62),inset 0 1px rgba(255,255,255,.5)}.topic-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.topic-list a{display:inline-flex;height:35px;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(143,158,211,.27);border-radius:999px;color:#c5cae0;background:rgba(8,13,31,.52);box-shadow:inset 0 0 18px rgba(144,95,255,.05);font-size:13px;letter-spacing:.03em;transition:border-color .25s ease,color .25s ease,transform .25s ease}.topic-list a:hover{border-color:rgba(184,146,255,.73);color:#fff;transform:translateY(-2px)}.topic-list i{color:#c4a7ff;font-style:normal}.hero-side-note{position:absolute;right:1.5%;bottom:23%;display:flex;align-items:center;gap:11px;color:rgba(219,204,236,.7);font-family:Georgia,serif;letter-spacing:.15em}.hero-side-note span{color:var(--gold);font-size:14px}.hero-side-note i{display:block;width:42px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.hero-side-note small{font-size:8px;line-height:1.6;letter-spacing:.25em}.scroll-cue{position:absolute;bottom:26px;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(237,228,212,.67);font-size:11px;letter-spacing:.25em;transform:translateX(-50%)}.scroll-cue i{display:block;width:1px;height:36px;background:linear-gradient(var(--gold),transparent)}
.section{position:relative;padding:110px 0 118px;overflow:hidden;border-top:1px solid rgba(127,159,232,.13);background:var(--ink2)}.section::before{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 87% 9%,rgba(85,62,177,.18),transparent 29%),radial-gradient(circle at 10% 76%,rgba(33,78,153,.12),transparent 32%);content:""}.section-wash{position:absolute;inset:0;opacity:.6;background:repeating-radial-gradient(ellipse at 78% 20%,transparent 0 76px,rgba(117,95,213,.04) 77px 78px,transparent 79px 132px);pointer-events:none}.section--knowledge{background:linear-gradient(180deg,#071227,#071121 72%,#050a16)}.section--categories{background:linear-gradient(180deg,#070d1b,#060b16)}.section--apps{background:linear-gradient(180deg,#080e1e,#060811)}.section-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.section-kicker{margin:0 0 10px;color:var(--gold);font-size:13px;letter-spacing:.25em}.section-heading h2,.member-heading h2,.canvas-banner h2,.closing h2{margin:0;color:#fff1ce;font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(32px,3.25vw,52px);font-weight:500;letter-spacing:.04em;text-shadow:0 0 24px rgba(232,195,122,.15)}.section-intro{margin:12px 0 0;color:#9faac4;font-size:15px;line-height:1.7}.section-link{flex:0 0 auto;color:#c9b6ff;font-size:14px;transition:color .25s ease}.section-link span{margin-left:8px;font-size:19px}.section-link:hover{color:#fff}.knowledge-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.knowledge-card{position:relative;display:grid;min-height:280px;overflow:hidden;grid-template-columns:41% 59%;border:1px solid var(--line);border-radius:14px;background:rgba(6,14,31,.73);box-shadow:0 17px 38px rgba(0,0,0,.15);transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.knowledge-card:hover{border-color:rgba(168,137,255,.66);box-shadow:0 21px 44px rgba(0,0,0,.27),0 0 28px rgba(105,73,207,.11);transform:translateY(-4px)}.card-visual{position:relative;overflow:hidden;min-height:230px;background:#0d1733;isolation:isolate}.card-visual::after{position:absolute;inset:0;background:linear-gradient(145deg,rgba(17,26,73,.12),rgba(5,8,24,.8));content:""}.knowledge-card--video .card-visual{background:radial-gradient(circle at 58% 39%,rgba(119,93,255,.49),transparent 12%),linear-gradient(140deg,#12215d,#080c24 72%)}.knowledge-card--human .card-visual{background:radial-gradient(ellipse at 62% 42%,rgba(191,127,255,.5),transparent 19%),linear-gradient(140deg,#351a63,#0a0d27 75%)}.knowledge-card--workflow .card-visual{background:linear-gradient(135deg,#112851,#0b1027 72%)}.knowledge-card--prompt .card-visual{background:radial-gradient(circle at 70% 37%,rgba(239,185,93,.4),transparent 12%),linear-gradient(140deg,#32203e,#0a1025 75%)}.visual-label{position:absolute;z-index:2;top:21px;left:21px;color:#e7deff;font-size:12px;letter-spacing:.19em}.visual-index{position:absolute;z-index:2;right:18px;bottom:15px;color:rgba(234,216,181,.59);font-family:Georgia,serif;font-size:26px}.visual-orbit{position:absolute;z-index:1;top:27%;left:23%;width:145px;height:88px;border:1px solid rgba(202,181,255,.8);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 26px rgba(148,94,255,.34)}.visual-orbit::before,.visual-orbit::after{position:absolute;border-radius:50%;content:""}.visual-orbit::before{top:50%;left:50%;width:13px;height:13px;background:#e6c881;transform:translate(-50%,-50%);box-shadow:0 0 23px #e6c881}.visual-orbit::after{top:11px;left:30px;width:5px;height:5px;background:#b490ff;box-shadow:0 0 12px #b490ff}.visual-face{position:absolute;z-index:1;top:28%;left:30%;width:89px;height:118px;border:1px solid rgba(220,184,255,.78);border-left-color:transparent;border-radius:52% 48% 45% 40%;transform:rotate(-9deg);box-shadow:15px 4px 28px rgba(178,91,255,.23),inset 0 0 26px rgba(185,113,255,.16)}.visual-face::before{position:absolute;top:56px;left:57px;width:30px;height:1px;background:#d6a7ff;content:"";transform:rotate(25deg);box-shadow:0 0 11px #bf88ff}.visual-grid{position:absolute;inset:22% 15%;opacity:.64;background:linear-gradient(rgba(147,185,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(147,185,255,.26) 1px,transparent 1px);background-size:25px 25px;transform:perspective(280px) rotateX(52deg) rotateZ(-12deg);box-shadow:0 0 35px rgba(94,142,255,.19)}.visual-grid::after{position:absolute;top:39%;left:24%;width:52%;height:1px;background:#d7b5ff;content:"";box-shadow:0 0 16px #b176ff;transform:rotate(-18deg)}.visual-rays{position:absolute;inset:14%;background:repeating-conic-gradient(from 8deg at 50% 50%,rgba(248,199,113,.47) 0deg 1deg,transparent 1deg 18deg);filter:blur(.3px);transform:rotate(12deg);mask-image:radial-gradient(circle,black 0 30%,transparent 68%)}.card-content{display:flex;flex-direction:column;padding:26px 26px 22px}.card-status{margin:0;color:#bdb5db;font-size:12px;letter-spacing:.08em}.card-status--member{color:var(--gold)}.card-content h3{margin:17px 0 0;color:#f7f0e4;font-family:"Songti SC","STSong",serif;font-size:21px;font-weight:500;line-height:1.45}.card-content>p:not(.card-status){margin:12px 0 16px;color:#99a5c1;font-size:13px;line-height:1.75}.card-content a{margin-top:auto;color:#c9b7ff;font-size:13px}.card-content a span{margin-left:6px;font-size:18px}
.category-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{position:relative;display:flex;min-height:190px;overflow:hidden;padding:25px;flex-direction:column;justify-content:flex-end;border:1px solid rgba(126,150,222,.21);border-radius:14px;background:#0a1124;isolation:isolate;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.category-card::before,.category-card::after{position:absolute;z-index:-1;content:""}.category-card::before{inset:0;background:radial-gradient(circle at 80% 22%,rgba(121,92,255,.3),transparent 31%),linear-gradient(145deg,rgba(15,26,61,.9),rgba(6,9,20,.9))}.category-card::after{right:-20%;bottom:-45%;width:190px;height:190px;border:1px solid rgba(177,137,255,.21);border-radius:50%;box-shadow:0 0 0 18px rgba(177,137,255,.04),0 0 0 38px rgba(177,137,255,.025)}.category-card:hover{border-color:rgba(190,155,255,.65);box-shadow:0 16px 38px rgba(0,0,0,.22),0 0 27px rgba(105,73,207,.12);transform:translateY(-4px)}.category-card--image::before{background:radial-gradient(circle at 75% 30%,rgba(94,186,255,.27),transparent 32%),linear-gradient(145deg,#102742,#070c1d)}.category-card--human::before{background:radial-gradient(circle at 72% 32%,rgba(204,111,255,.3),transparent 31%),linear-gradient(145deg,#2b164d,#080a1c)}.category-card--comfy::before{background:radial-gradient(circle at 75% 32%,rgba(75,147,255,.26),transparent 31%),linear-gradient(145deg,#0d2b43,#080d1d)}.category-card--prompt::before{background:radial-gradient(circle at 75% 30%,rgba(255,195,106,.28),transparent 31%),linear-gradient(145deg,#30203e,#0a0b1d)}.category-card--model::before{background:radial-gradient(circle at 75% 30%,rgba(124,104,255,.3),transparent 31%),linear-gradient(145deg,#1e1645,#090b1e)}.category-number{position:absolute;top:21px;right:24px;color:rgba(214,191,141,.52);font-family:Georgia,serif;font-size:14px}.category-icon{display:grid;width:46px;height:46px;margin-bottom:20px;place-items:center;border:1px solid rgba(194,163,255,.42);border-radius:14px;color:#ceb6ff;background:rgba(125,74,255,.12);font-size:23px;box-shadow:0 0 21px rgba(130,84,255,.12)}.category-card strong{color:#f7efdf;font-family:"Songti SC","STSong",serif;font-size:22px;font-weight:500}.category-card small{margin-top:8px;color:#929ebc;font-size:12px}.category-card b{position:absolute;right:25px;bottom:24px;color:#cbb4ff;font-size:22px;font-weight:400;transition:transform .25s ease}.category-card:hover b{transform:translateX(5px)}
.app-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.app-card{position:relative;display:flex;overflow:hidden;align-items:center;gap:19px;padding:26px;border:1px solid rgba(132,151,218,.22);border-radius:14px;background:rgba(10,16,36,.8);transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.app-card::before{position:absolute;inset:0;opacity:.85;background:radial-gradient(circle at 87% 50%,rgba(106,70,224,.21),transparent 28%);content:"";pointer-events:none}.app-card:hover{border-color:rgba(182,148,255,.64);box-shadow:0 16px 33px rgba(0,0,0,.23),0 0 24px rgba(117,73,232,.11);transform:translateY(-4px)}.app-card--large{grid-column:span 2;min-height:182px;align-items:flex-start}.app-card--small{grid-column:span 3;min-height:140px}.app-card--video{background:linear-gradient(135deg,rgba(20,28,66,.84),rgba(8,12,28,.94))}.app-card--human{background:linear-gradient(135deg,rgba(41,19,68,.84),rgba(8,11,29,.94))}.app-card--drama{background:linear-gradient(135deg,rgba(49,27,45,.82),rgba(10,12,28,.94))}.app-card--workflow{background:linear-gradient(135deg,rgba(10,32,55,.88),rgba(7,11,25,.94))}.app-card--canvas{background:linear-gradient(135deg,rgba(39,19,73,.88),rgba(9,10,27,.94))}.app-icon{position:relative;z-index:1;display:grid;width:50px;height:50px;flex:0 0 50px;place-items:center;border:1px solid rgba(205,175,255,.53);border-radius:15px;color:#dfcaff;background:rgba(125,72,242,.15);font-size:24px;box-shadow:0 0 21px rgba(132,82,255,.18)}.app-card small{position:relative;z-index:1;color:#a991df;font-size:10px;letter-spacing:.18em}.app-card h3{position:relative;z-index:1;margin:9px 0 8px;color:#f6efdf;font-family:"Songti SC","STSong",serif;font-size:23px;font-weight:500}.app-card p{position:relative;z-index:1;margin:0;max-width:285px;color:#9ca8c2;font-size:13px;line-height:1.7}.app-arrow{position:relative;z-index:1;margin-top:auto;margin-left:auto;align-self:flex-end;color:#cbb5ff;font-size:12px;white-space:nowrap}.app-card--small h3{font-size:20px}.app-card--small p{font-size:12px}
.canvas-banner{position:relative;min-height:350px;overflow:hidden;padding:74px 0;background:linear-gradient(115deg,#130f34 0%,#16103d 42%,#0b102b 100%);isolation:isolate}.canvas-banner::after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,10,35,.8),rgba(21,12,58,.42),rgba(5,10,29,.85));content:""}.canvas-banner__stars{position:absolute;z-index:-2;inset:0;opacity:.52;background-image:radial-gradient(circle at 22% 29%,#e8ca86 0 1px,transparent 1.6px),radial-gradient(circle at 51% 63%,#aa8aff 0 1px,transparent 1.7px),radial-gradient(circle at 81% 28%,#e8ca86 0 1px,transparent 1.5px);background-size:270px 220px,350px 280px,460px 330px;animation:stars-pan 43s linear infinite}.canvas-banner__rings{position:absolute;z-index:-1;right:6%;top:-50%;width:580px;height:580px;border:1px solid rgba(182,146,255,.18);border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 42px rgba(182,146,255,.025),0 0 0 88px rgba(182,146,255,.018)}.canvas-banner__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px}.canvas-banner h2{margin-bottom:13px}.canvas-banner p:not(.section-kicker){margin:0 0 24px;color:#d0c7e9;font-size:16px}.canvas-orbit{position:relative;display:grid;width:270px;height:170px;flex:0 0 270px;place-items:center;color:#d9bdff;font-size:45px;font-family:Georgia,serif;text-shadow:0 0 25px #9d67ff}.canvas-orbit span{position:relative;z-index:2;display:grid;width:94px;height:94px;place-items:center;border:1px solid #b084ff;border-radius:28px;background:rgba(83,42,203,.66);box-shadow:0 0 34px rgba(143,80,255,.55),inset 0 0 25px rgba(221,193,255,.18)}.canvas-orbit i{position:absolute;width:240px;height:91px;border:1px solid rgba(222,201,255,.78);border-radius:50%;transform:rotate(-16deg)}.canvas-orbit i:nth-of-type(2){width:198px;height:120px;border-color:rgba(239,207,137,.55);transform:rotate(33deg)}.canvas-orbit i:nth-of-type(3){width:260px;height:55px;border-color:rgba(147,107,255,.62);transform:rotate(14deg)}
.section--member{background:linear-gradient(140deg,#100c2a,#091329 57%,#070b18)}.section--member::before{background:radial-gradient(circle at 50% 24%,rgba(122,68,228,.26),transparent 34%),radial-gradient(circle at 90% 90%,rgba(225,179,85,.1),transparent 30%)}.member-backdrop{position:absolute;inset:0;opacity:.25;background:radial-gradient(ellipse at 15% 50%,transparent 0 18%,rgba(104,72,204,.12) 19% 19.2%,transparent 19.5% 25%,rgba(104,72,204,.08) 25.2% 25.4%,transparent 25.8%),radial-gradient(ellipse at 88% 32%,transparent 0 18%,rgba(222,183,104,.12) 18.2% 18.4%,transparent 18.8%);pointer-events:none}.member-heading{position:relative;text-align:center}.member-heading h2{margin-bottom:12px}.member-heading p:last-child{margin:0;color:#b9b4ce;font-size:15px}.member-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.member-card{min-height:184px;padding:28px 21px;border:1px solid rgba(224,191,111,.3);border-radius:13px;background:rgba(25,17,57,.52);text-align:center;transition:transform .3s ease,border-color .3s ease,background .3s ease}.member-card:hover{border-color:rgba(245,214,148,.83);background:rgba(42,24,75,.69);transform:translateY(-4px)}.member-card span{display:block;margin-bottom:17px;color:var(--gold);font-size:30px;text-shadow:0 0 18px rgba(245,214,148,.37)}.member-card h3{margin:0;color:#fff0c8;font-family:"Songti SC","STSong",serif;font-size:20px;font-weight:600}.member-card p{margin:9px 0 0;color:#b9accb;font-size:13px}.member-cta{position:relative;display:flex;width:fit-content;min-width:200px;margin:34px auto 0}
.closing{position:relative;min-height:430px;overflow:hidden;display:grid;place-items:center;background:#040812;isolation:isolate}.closing-art{position:absolute;z-index:-2;inset:0;overflow:hidden;background:linear-gradient(90deg,#040811 0%,rgba(4,8,17,.77) 44%,rgba(4,8,17,.45) 74%,#040811 100%)}.closing-art::before{position:absolute;right:-8%;bottom:-33%;width:620px;height:590px;border:1px solid rgba(165,122,255,.22);border-radius:50%;content:"";transform:rotate(-22deg);box-shadow:0 0 0 48px rgba(165,122,255,.035),0 0 0 99px rgba(165,122,255,.022)}.closing-art span{position:absolute;right:4%;bottom:-50%;width:440px;height:620px;opacity:.21;background:url("assets/lingjing-character-silhouette.png") bottom right/contain no-repeat;filter:blur(.2px) saturate(.95)}.closing-art::after{position:absolute;inset:0;background:radial-gradient(circle at 80% 40%,rgba(112,67,224,.16),transparent 24%),repeating-radial-gradient(ellipse at 84% 52%,transparent 0 92px,rgba(200,162,255,.05) 93px 94px,transparent 95px 150px);content:""}.closing-inner{padding:87px 0}.closing h2{margin-bottom:29px;line-height:1.45}.site-footer{position:relative;padding:45px 0 92px;border-top:1px solid rgba(127,159,232,.16);background:#03060e}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:18px 38px}.site-footer .brand{font-size:17px}.site-footer p{margin:0;color:#9ca8c2;font-size:13px}.footer-links{display:flex;gap:21px;color:#aaa7bd;font-size:13px}.footer-links a:hover{color:#fff}.site-footer small{grid-column:1/-1;color:#69748c;font-size:12px}
.login-dialog{position:fixed;z-index:70;inset:0;display:grid;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility .25s ease}.login-dialog.is-open{visibility:visible;opacity:1}.menu-backdrop{position:absolute;inset:0;border:0;background:rgba(1,3,10,.73);backdrop-filter:blur(10px);cursor:pointer}.login-dialog{place-items:center}.login-card{position:relative;width:min(430px,calc(100% - 42px));padding:42px 34px 31px;border:1px solid rgba(174,138,255,.52);border-radius:20px;background:linear-gradient(145deg,rgba(12,19,49,.97),rgba(23,13,53,.97));box-shadow:0 0 55px rgba(98,49,211,.31);transform:translateY(18px) scale(.98);transition:transform .25s ease}.login-dialog.is-open .login-card{transform:translateY(0) scale(1)}.login-close{position:absolute;top:13px;right:16px;border:0;background:transparent;color:#d7caef;font-size:28px;cursor:pointer}.login-spark{color:var(--gold);font-size:31px;text-align:center}.login-card h2{margin:12px 0 8px;color:#fff2d2;font-family:"Songti SC",serif;font-size:27px;font-weight:500;text-align:center}.login-card>p{margin:0 0 24px;color:#acb6ce;font-size:14px;text-align:center}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:7px;color:#d6d7e6;font-size:13px}.login-card input{width:100%;height:46px;padding:0 14px;border:1px solid rgba(161,150,210,.3);border-radius:9px;outline:none;color:#fff;background:rgba(2,7,20,.56)}.login-card input:focus{border-color:#b58eff;box-shadow:0 0 0 3px rgba(142,88,255,.12)}.login-card form .button{width:100%;min-width:0;margin-top:7px}.login-card small{display:block;margin-top:21px;color:#717c94;font-size:12px;text-align:center}.toast{position:fixed;z-index:80;bottom:30px;left:50%;max-width:calc(100% - 30px);padding:13px 20px;border:1px solid rgba(174,138,255,.48);border-radius:999px;color:#fff;background:rgba(15,13,37,.92);box-shadow:0 15px 35px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .25s ease,transform .25s ease}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes nebula-float{to{transform:rotate(-13deg) translate3d(-2%,2%,0) scale(1.06)}}@keyframes nebula-float-two{to{transform:rotate(15deg) translate3d(3%,-2%,0) scale(1.08)}}@keyframes orbit-drift{to{transform:rotate(-20deg) translate3d(1.8%,-1%,0)}}@keyframes stars-pan{to{background-position:37px -32px,-53px 42px,49px -70px,-67px 57px,80px -45px}}@keyframes character-breathe{to{transform:translate3d(-.6%,-.8%,0) scale(1.008)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1050px){.desktop-nav{gap:19px;margin-right:20px}.desktop-nav a{font-size:14px}.desktop-nav .nav-canvas{padding-inline:15px}.hero-copy{width:min(620px,62vw)}.hero-character{right:-10%;width:min(730px,65vw)}.knowledge-card{grid-template-columns:38% 62%}.card-content{padding-inline:21px}}

@media(max-width:480px){.hero{min-height:815px}.hero-character{right:-33%;width:109vw;height:58%}.hero-inner{min-height:815px}.hero-actions .button{flex:1;min-width:0;padding-inline:12px}.knowledge-card{grid-template-columns:1fr}.card-visual{min-height:128px}.visual-index{right:14px;bottom:10px}.card-content{padding:18px 20px 21px}.app-card{padding:17px;gap:12px}.app-icon{width:42px;height:42px;flex-basis:42px}.app-arrow{font-size:11px}.member-grid{gap:10px}.member-card span{font-size:25px}.member-card h3{font-size:16px}.member-card p{font-size:11px}.closing-actions{gap:9px}.closing-actions .button{min-width:0;flex:1;padding-inline:10px;font-size:13px}}

/* The character is a separate transparent layer; fade its lower edge into the sky. */
.hero-character{mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}
.footer-social{display:flex;gap:8px;align-items:center}.footer-social button{padding:8px 11px;border:1px solid rgba(148,151,199,.24);border-radius:999px;background:rgba(110,84,163,.09);color:#b9b2cb;font-size:12px;cursor:pointer;transition:color .2s,border-color .2s}.footer-social button:hover{border-color:rgba(191,158,255,.6);color:#fff}
.site-footer small{grid-column:1/-1}

@media(max-width:480px){.hero-character{top:75px;right:-2%;width:66vw;height:440px}}

/* Step 1 hero revision: use the extended celestial background as one continuous image. */
.hero-sky{background-image:url("assets/hero-background-v2.png");background-position:center center;background-size:cover;background-repeat:no-repeat}
.hero-sky__grain{opacity:.1}.hero-sky__nebula--one{opacity:.11}.hero-sky__nebula--two{opacity:.08}.hero-sky__orbit{opacity:.2}.hero-sky__stars{opacity:.16}.hero-sky__stars--far{opacity:.1}
.hero-sky__horizon{background:linear-gradient(90deg,rgba(3,5,16,.58) 0%,rgba(3,5,16,.34) 27%,rgba(3,5,16,.06) 58%,rgba(2,4,13,.05) 100%),linear-gradient(180deg,rgba(1,3,10,.46) 0%,transparent 25%,transparent 70%,rgba(2,4,13,.88) 100%)}
.hero-character{display:none}
.hero-copy{width:min(760px,62vw);position:relative;z-index:2}.hero h1{font-size:clamp(52px,5.35vw,86px);letter-spacing:.045em;text-shadow:0 4px 28px rgba(0,0,0,.6),0 0 24px rgba(248,212,137,.22)}.hero-lead{color:#ddd4f3;text-shadow:0 2px 15px rgba(0,0,0,.62)}.hero-description{color:#c7c9d7;text-shadow:0 2px 11px rgba(0,0,0,.7)}
.site-header{height:78px}.site-header::before{inset:9px -18px;border-radius:999px;background:rgba(5,7,20,.57);border-color:rgba(130,140,204,.27);box-shadow:0 12px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}.site-header.is-scrolled::before{background:rgba(4,7,19,.86)}.desktop-nav a{font-size:17px;transition:color .28s ease,text-shadow .28s ease,transform .28s ease}.desktop-nav a:hover,.desktop-nav a.is-active{color:#fff0c4;text-shadow:0 0 17px rgba(246,211,137,.45)}.desktop-nav a::after{bottom:1px;height:3px;box-shadow:0 0 11px rgba(239,201,116,.68)}.desktop-nav .nav-canvas{padding:10px 25px;border-radius:14px;background:linear-gradient(135deg,rgba(62,31,174,.75),rgba(137,76,255,.63));box-shadow:0 0 24px rgba(128,68,255,.48),inset 0 1px rgba(255,255,255,.35);animation:canvas-pulse 4s ease-in-out infinite}.desktop-nav .nav-canvas:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 0 34px rgba(145,86,255,.78),inset 0 1px rgba(255,255,255,.5)}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:105px;border:0;background:transparent;color:#e9c784;font-size:17px;text-shadow:0 0 12px rgba(236,192,103,.22)}.login-button:hover{color:#fff0c5;background:rgba(224,186,102,.08);box-shadow:none;transform:none}.login-glyph{font-size:22px;line-height:1;transform:rotate(180deg);transition:transform .25s ease}.login-button:hover .login-glyph{transform:rotate(180deg) translateX(3px)}
.hero-actions{gap:20px}.hero-actions .button{min-width:250px;height:64px;justify-content:flex-start;gap:14px;padding:0 24px;border-radius:16px;font-size:20px;letter-spacing:.04em;position:relative;overflow:hidden}.hero-actions .button::before{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 24%,rgba(255,255,255,.2) 48%,transparent 68%);transform:translateX(-120%);transition:transform .6s ease}.hero-actions .button:hover::before{transform:translateX(120%)}.hero-actions .button--gold{border-color:#e6b95a;background:rgba(9,10,20,.53);box-shadow:inset 0 0 26px rgba(238,190,91,.04),0 0 0 1px rgba(238,190,91,.08),0 0 20px rgba(229,177,66,.13)}.hero-actions .button--gold:hover{box-shadow:inset 0 0 34px rgba(238,190,91,.1),0 0 27px rgba(229,177,66,.32)}.hero-actions .button--violet{border-color:#9b5cff;background:linear-gradient(120deg,rgba(73,24,180,.84),rgba(128,60,255,.79));box-shadow:inset 0 0 30px rgba(224,198,255,.08),0 0 20px rgba(124,63,255,.55)}.hero-actions .button--violet:hover{box-shadow:inset 0 0 35px rgba(224,198,255,.16),0 0 34px rgba(137,74,255,.85)}.hero-actions .button-icon{position:relative;z-index:1;display:grid;width:29px;height:29px;place-items:center;color:#f2cd7e;font-size:25px;line-height:1}.hero-actions .button--violet .button-icon{color:#fff;font-size:23px}.hero-actions .button-arrow{position:relative;z-index:1;margin-left:auto;color:#f1cf85;font-size:25px;line-height:1;transition:transform .25s ease}.hero-actions .button--violet .button-arrow{color:#fff}.hero-actions .button:hover .button-arrow{transform:translateX(5px)}.hero-actions .button:hover .button-icon{transform:none}.hero-actions .button>span:not(.button-icon):not(.button-arrow){position:relative;z-index:1;font-size:inherit;line-height:1}
.topic-list a{border-color:rgba(155,116,235,.44);background:rgba(11,10,34,.51);box-shadow:inset 0 0 17px rgba(131,75,255,.1),0 0 0 1px rgba(106,70,206,.08)}.topic-list a:hover{border-color:#b58aff;background:rgba(75,37,156,.26);box-shadow:0 0 18px rgba(142,83,255,.3)}
@keyframes canvas-pulse{0%,100%{box-shadow:0 0 22px rgba(128,68,255,.4),inset 0 1px rgba(255,255,255,.3)}50%{box-shadow:0 0 32px rgba(144,80,255,.62),inset 0 1px rgba(255,255,255,.42)}}

.hero{min-height:820px;height:min(100svh,clamp(820px,46vw,960px))}.hero-sky__horizon{background:linear-gradient(90deg,rgba(3,5,16,.76) 0%,rgba(3,5,16,.55) 27%,rgba(3,5,16,.18) 52%,rgba(2,4,13,.04) 100%),linear-gradient(180deg,rgba(1,3,10,.42) 0%,transparent 27%,transparent 70%,rgba(2,4,13,.72) 100%)}.hero::after{opacity:.12}


/* Step 2 hero refinement: vertical centering, typography hierarchy and motion. */
.hero-inner{height:100%;min-height:100%;padding-top:78px;align-items:center}.hero-copy{transform:translateY(-12px);width:min(820px,64vw)}
.eyebrow{margin-bottom:20px;color:#e5bd73;font-size:clamp(17px,1.35vw,25px);font-family:"Songti SC","STSong",Georgia,serif;font-weight:600;letter-spacing:.13em;text-shadow:0 0 16px rgba(236,190,103,.28)}.eyebrow__line{width:70px;height:1px;background:linear-gradient(90deg,#dcae56,rgba(238,190,97,.22));box-shadow:0 0 9px rgba(232,180,74,.5)}.eyebrow::after{content:"✦";margin-left:0;color:#f6d38d;font-size:16px;text-shadow:0 0 12px rgba(247,201,115,.7)}
.hero h1{font-size:clamp(58px,6.35vw,104px);font-weight:700;letter-spacing:-.025em;line-height:1.03;color:#fff0c9;text-shadow:0 3px 30px rgba(0,0,0,.7),0 0 18px rgba(248,212,137,.28);-webkit-text-stroke:.25px rgba(255,229,173,.45)}.hero h1 em{color:#f4e5c2;font-size:.86em;font-weight:700;text-shadow:0 0 18px rgba(245,212,146,.28)}
.hero-lead{margin:28px 0 0;color:#cbc2e7;font-size:clamp(25px,2.25vw,38px);font-weight:500;letter-spacing:.025em;line-height:1.35;text-shadow:0 2px 18px rgba(0,0,0,.75)}.hero-description{margin:13px 0 31px;color:#c7c4d1;font-size:clamp(16px,1.34vw,22px);letter-spacing:.03em;line-height:1.65;white-space:nowrap;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.hero-actions{gap:23px}.hero-actions .button{min-width:300px;height:70px;border-radius:17px;font-size:22px;font-weight:600;letter-spacing:.03em}.hero-actions .button-icon{width:35px;height:35px;font-size:27px}.hero-actions .button-arrow{font-size:27px}.hero-actions .button--gold{border-color:#e9b950;background:rgba(6,8,18,.38);backdrop-filter:blur(7px);box-shadow:inset 0 0 32px rgba(238,190,91,.06),0 0 0 1px rgba(238,190,91,.1),0 0 21px rgba(229,177,66,.14)}.hero-actions .button--violet{border-color:#a45fff;background:linear-gradient(120deg,rgba(67,22,170,.72),rgba(130,60,255,.68));backdrop-filter:blur(7px);box-shadow:inset 0 0 32px rgba(224,198,255,.1),0 0 22px rgba(124,63,255,.5)}
.topic-list{gap:16px;margin-top:31px}.topic-list a{height:47px;padding:0 19px;border-radius:14px;font-size:15px;backdrop-filter:blur(6px);box-shadow:inset 0 0 20px rgba(144,95,255,.1),0 0 0 1px rgba(106,70,206,.1)}.topic-list i{font-size:17px}
.site-header::before{background:rgba(5,7,20,.34);backdrop-filter:blur(22px) saturate(1.18);box-shadow:0 12px 42px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.07)}.desktop-nav a,.login-button{backdrop-filter:blur(4px)}
.hero-sky{animation:hero-bg-shift 24s ease-in-out infinite alternate}.hero-sky::before{position:absolute;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at 70% 45%,rgba(156,102,255,.14),transparent 25%),radial-gradient(circle at 37% 40%,rgba(98,89,255,.07),transparent 31%);mix-blend-mode:screen;animation:hero-halo 9s ease-in-out infinite alternate}.hero-sky::after{position:absolute;inset:-15% -20%;content:"";pointer-events:none;background:linear-gradient(112deg,transparent 30%,rgba(193,154,255,.08) 48%,transparent 64%);transform:translateX(-28%);mix-blend-mode:screen;animation:hero-sheen 15s ease-in-out infinite}
@keyframes hero-bg-shift{0%{background-position:49% 50%}100%{background-position:51% 49%}}@keyframes hero-halo{0%{opacity:.45;transform:scale(.98)}100%{opacity:1;transform:scale(1.04)}}@keyframes hero-sheen{0%,18%{transform:translateX(-28%);opacity:0}35%{opacity:1}65%{opacity:.7}100%{transform:translateX(28%);opacity:0}}


.hero-inner{padding-top:0}


/* Final hero pass: gradient title, glass controls and stronger ambient motion. */
.hero h1{position:relative;color:transparent;text-shadow:none;filter:drop-shadow(0 10px 17px rgba(235,181,77,.26)) drop-shadow(0 0 22px rgba(171,103,255,.2))}.hero h1::after{position:absolute;right:4%;bottom:-17px;left:4%;height:14px;border-radius:50%;content:"";background:radial-gradient(ellipse,rgba(243,194,91,.55) 0%,rgba(151,91,255,.22) 34%,transparent 72%);filter:blur(8px);opacity:.85;pointer-events:none}.hero h1>span,.hero h1>em{background:linear-gradient(180deg,#fff8dc 0%,#f4d995 43%,#d8a8ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero h1>em{font-style:normal}
.desktop-nav .nav-canvas{padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}.desktop-nav .nav-canvas::after{display:block}.desktop-nav .nav-canvas:hover{background:transparent;box-shadow:none;transform:translateY(-1px)}.desktop-nav .nav-canvas span{display:none}.site-header::before{background:linear-gradient(180deg,rgba(19,18,45,.36),rgba(5,7,20,.2));border-color:rgba(216,204,255,.24);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 16px 54px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.1)}.login-button{background:transparent;box-shadow:none;color:#f0cb7e}.login-button:hover{background:rgba(255,255,255,.07);box-shadow:0 0 19px rgba(240,203,126,.12);color:#fff0bd}
.hero-actions .button,.button--gold,.button--violet{position:relative;overflow:hidden;border:1px solid rgba(222,207,255,.5);background:linear-gradient(135deg,rgba(22,22,49,.54),rgba(75,43,128,.28));backdrop-filter:blur(15px) saturate(1.35);box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 0 30px rgba(173,138,255,.08),0 0 25px rgba(126,82,255,.2)}.hero-actions .button--gold,.button--gold{color:#fff0ca}.hero-actions .button--violet,.button--violet{color:#fff}.hero-actions .button:hover,.button--gold:hover,.button--violet:hover{border-color:rgba(245,222,157,.8);background:linear-gradient(135deg,rgba(39,31,74,.68),rgba(111,69,178,.4));box-shadow:inset 0 1px rgba(255,255,255,.3),inset 0 0 34px rgba(203,171,255,.14),0 0 35px rgba(152,98,255,.55)}.hero-actions .button::after{position:absolute;inset:-80% -35%;content:"";background:radial-gradient(ellipse at center,rgba(218,193,255,.13),transparent 62%);animation:button-breathe 3.8s ease-in-out infinite;pointer-events:none}.hero-actions .button-icon{position:relative;z-index:2;display:grid;place-items:center;width:34px;height:34px;color:#f0cb7e}.hero-actions .button--violet .button-icon{color:#e8d9ff}.button-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hero-actions .button>span:not(.button-icon),.button--gold>span:not(.button-icon),.button--violet>span:not(.button-icon){position:relative;z-index:2}.button-arrow{display:none!important}
.hero-sky{animation:hero-bg-shift 17s ease-in-out infinite alternate}.hero-sky__nebula--one{opacity:.22;animation-duration:9s}.hero-sky__nebula--two{opacity:.14;animation-duration:12s}.hero-sky__orbit{opacity:.43;animation-duration:10s}.hero-sky__stars{opacity:.36;animation-duration:15s}.hero-sky__stars--far{opacity:.2;animation-duration:27s}.hero-sky::before{background:radial-gradient(circle at 70% 45%,rgba(174,115,255,.22),transparent 25%),radial-gradient(circle at 37% 40%,rgba(98,89,255,.12),transparent 31%);animation:hero-halo 6s ease-in-out infinite alternate}.hero-sky::after{background:linear-gradient(112deg,transparent 24%,rgba(225,199,255,.13) 47%,transparent 63%);animation:hero-sheen 8s ease-in-out infinite}.hero::after{opacity:.3;animation:hero-ring-pulse 7s ease-in-out infinite alternate}
@keyframes button-breathe{0%,100%{opacity:.25;transform:scale(.94)}50%{opacity:.85;transform:scale(1.08)}}@keyframes hero-ring-pulse{0%{opacity:.14;transform:rotate(23deg) skewX(-24deg) scale(.97)}100%{opacity:.42;transform:rotate(25deg) skewX(-24deg) scale(1.04)}}


.site-header::before{background:rgba(12,11,32,.25);backdrop-filter:blur(14px) saturate(1.25)}.site-header.is-scrolled::before{background:rgba(8,9,27,.55);backdrop-filter:blur(18px) saturate(1.3)}
.hero-sky__stars--near{animation:stars-pan 12s linear infinite,star-flicker 4s ease-in-out infinite alternate}.hero-sky__orbit--one::after{position:absolute;top:3%;left:45%;width:7px;height:7px;border-radius:50%;background:#f4d7ff;box-shadow:0 0 9px 3px rgba(213,166,255,.75),0 0 22px 9px rgba(143,89,255,.32);content:"";animation:orbit-spark 6s ease-in-out infinite alternate}
@keyframes star-flicker{from{opacity:.2;filter:brightness(.65)}to{opacity:.58;filter:brightness(1.65)}}@keyframes orbit-spark{from{transform:translate(-90px,48px) scale(.65);opacity:.25}to{transform:translate(110px,-42px) scale(1.25);opacity:1}}

/* Reference match: warm title treatment, gold primary action and violet canvas action. */
.hero .eyebrow{color:#d8b16f;text-shadow:0 0 13px rgba(226,174,88,.22)}
.hero .eyebrow__line{width:48px;background:linear-gradient(90deg,#e0b66e,rgba(224,182,110,.08));box-shadow:0 0 8px rgba(224,182,110,.28)}
.hero .eyebrow::after{margin-left:3px;color:#ffe8a6;font-size:14px;content:"✦";filter:drop-shadow(0 0 6px rgba(255,215,123,.75));animation:reference-star 3.6s ease-in-out infinite alternate}
.hero h1{filter:drop-shadow(0 8px 16px rgba(240,188,91,.28)) drop-shadow(0 0 13px rgba(231,188,111,.18))}
.hero h1>span,.hero h1>em{background:linear-gradient(180deg,#fff9e1 0%,#f9e4ae 43%,#eed2b5 73%,#d9c0df 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero h1::after{bottom:-15px;background:radial-gradient(ellipse at 50% 45%,rgba(255,222,145,.78) 0%,rgba(242,188,91,.34) 30%,transparent 72%);filter:blur(7px);opacity:.95}
.hero .hero-lead{color:#b9add5;text-shadow:0 2px 15px rgba(0,0,0,.7),0 0 14px rgba(180,147,244,.14)}
.hero .hero-description{color:#aaaaba;text-shadow:0 2px 12px rgba(0,0,0,.72)}
.hero-actions .button--gold{border-color:rgba(213,164,82,.96);background:linear-gradient(120deg,rgba(4,6,15,.82),rgba(12,10,22,.58));color:#e9bc70;box-shadow:0 0 0 1px rgba(213,164,82,.1),inset 0 0 25px rgba(247,203,116,.035),0 0 15px rgba(213,164,82,.11)}
.hero-actions .button--gold:hover{border-color:#f1ca7a;background:linear-gradient(120deg,rgba(11,10,20,.86),rgba(32,22,39,.66));box-shadow:0 0 0 1px rgba(240,193,103,.18),0 0 22px rgba(218,167,77,.28),inset 0 0 26px rgba(247,203,116,.06)}
.hero-actions .button--gold::after{display:none}
.hero-actions .button--gold .button-icon{color:#e9b96d}
.hero-actions .button--violet{border-color:#a06cff;background:linear-gradient(112deg,rgba(40,16,106,.92) 0%,rgba(100,45,225,.9) 52%,rgba(55,24,148,.92) 100%);color:#fff;box-shadow:0 0 0 1px rgba(193,147,255,.17),0 0 23px rgba(119,56,255,.68),inset 0 1px rgba(255,255,255,.38),inset 0 -12px 28px rgba(28,8,90,.24)}
.hero-actions .button--violet:hover{border-color:#c6a1ff;background:linear-gradient(112deg,rgba(52,20,136,.94),rgba(119,59,247,.94) 52%,rgba(64,28,170,.94));box-shadow:0 0 0 1px rgba(220,191,255,.22),0 0 34px rgba(131,68,255,.9),inset 0 1px rgba(255,255,255,.52)}
.hero-actions .button--violet::after{background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.13) 47%,transparent 68%);animation:reference-button-sheen 4.2s ease-in-out infinite}
.hero-actions .button--violet .button-icon{color:#fff}
.topic-list a{border-color:rgba(147,108,224,.54);background:rgba(9,8,27,.58);color:#aaa0c8;box-shadow:inset 0 0 17px rgba(124,70,231,.08),0 0 0 1px rgba(82,53,161,.18)}
.topic-list a:hover{border-color:#b796ff;background:rgba(61,31,128,.3);color:#eee7ff;box-shadow:0 0 18px rgba(142,83,255,.3),inset 0 0 18px rgba(139,85,255,.12)}
.topic-list i{color:#b99aff}
@keyframes reference-star{from{opacity:.55;transform:scale(.88)}to{opacity:1;transform:scale(1.14)}}
@keyframes reference-button-sheen{0%,55%{transform:translateX(-125%);opacity:0}68%{opacity:.9}86%,100%{transform:translateX(125%);opacity:0}}

/* Bitmap-led home sections: keep the copy readable while replacing flat CSS ornaments with supplied artwork. */
body{min-width:320px}
.bitmap-card-image,.category-card__bitmap,.app-card__bitmap{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.bitmap-card-image{opacity:.82;filter:saturate(.92) contrast(1.08);mix-blend-mode:screen}
.knowledge-card{min-height:322px;grid-template-columns:44% 56%;border-radius:22px;background:linear-gradient(135deg,rgba(8,15,36,.92),rgba(13,10,36,.94));box-shadow:0 22px 52px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06)}
.card-visual::after{background:linear-gradient(145deg,rgba(9,12,35,.02),rgba(4,7,22,.84));mix-blend-mode:multiply}
.card-content{padding:30px 31px 25px}
.card-content h3{font-size:24px;line-height:1.42}
.category-card{min-height:222px;padding:28px;border-radius:20px;background:#0a1124;box-shadow:0 18px 38px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06)}
.category-card__bitmap{z-index:-2;opacity:.34;filter:saturate(.92) contrast(1.08);mix-blend-mode:screen}
.category-card::before{z-index:-1;background:linear-gradient(155deg,rgba(8,13,35,.25),rgba(6,8,20,.92) 83%)}
.category-card::after{opacity:.7}
.app-card{min-height:224px;padding:30px;border-radius:20px;background:#0a1025}
.app-card--small{min-height:170px}
.app-card__bitmap{z-index:0;opacity:.28;filter:saturate(.94) contrast(1.08);mix-blend-mode:screen}
.app-card::before{z-index:1;background:linear-gradient(135deg,rgba(8,12,32,.32),rgba(6,8,21,.9) 82%)}
.app-card>*{position:relative;z-index:2}
.app-card .app-icon{width:58px;height:58px;flex-basis:58px;border-radius:17px;background:rgba(86,48,178,.3);box-shadow:0 0 28px rgba(144,89,255,.3),inset 0 1px rgba(255,255,255,.18)}
.canvas-banner--image{position:relative;min-height:430px;overflow:hidden;border:1px solid rgba(111,160,240,.42);border-radius:30px;background:#080d20;box-shadow:0 28px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08)}
.canvas-banner__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;filter:saturate(.9) contrast(1.08)}
.canvas-banner--image::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,20,.94),rgba(5,8,24,.66) 46%,rgba(6,8,24,.18) 100%);content:""}
.canvas-banner--image .canvas-banner__inner{position:relative;z-index:2;min-height:430px;align-items:center}
.canvas-banner--image .canvas-banner__stars,.canvas-banner--image .canvas-banner__rings,.canvas-banner--image .canvas-orbit{display:none}
.canvas-banner--image .canvas-banner__inner>div:first-child{max-width:650px}
.canvas-banner--image .button--gold,.closing--image .button--gold{min-width:220px;border-radius:14px;background:linear-gradient(135deg,rgba(29,22,57,.92),rgba(110,63,176,.62));box-shadow:0 10px 30px rgba(101,70,221,.28),inset 0 1px rgba(255,255,255,.32)}
.closing--image{position:relative;overflow:hidden;border-top:1px solid rgba(132,158,226,.19);isolation:isolate;background:#070b1c}
.closing__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(.9) contrast(1.08)}
.closing--image::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,18,.94),rgba(5,8,22,.65) 52%,rgba(5,8,22,.25)),linear-gradient(180deg,rgba(5,7,17,.2),rgba(5,7,17,.86));content:""}
.closing--image .closing-inner{position:relative;z-index:2}
.closing--image .closing-art{display:none}

/* Homepage second pass: the bitmap hero keeps the same navigation language as inner pages. */
.reference-semantic-header{position:fixed!important;z-index:30!important;top:0!important;left:50%!important;display:flex!important;width:min(1440px,calc(100% - 52px))!important;height:82px!important;align-items:center!important;justify-content:space-between!important;overflow:visible!important;clip-path:none!important;white-space:normal!important;pointer-events:auto!important}
.reference-semantic-header::before{background:rgba(5,7,20,.94)!important;border-color:rgba(216,204,255,.24)!important;box-shadow:0 16px 54px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)!important}
.reference-semantic-header .desktop-nav{display:flex!important}
.reference-semantic-header .desktop-nav a{font-size:16px!important}
.reference-semantic-header .login-button{display:inline-flex!important}
.reference-semantic-header .brand,.reference-semantic-header .desktop-nav,.reference-semantic-header .login-button{position:relative;z-index:1}

.knowledge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.knowledge-card{display:flex;min-height:0;height:470px;flex-direction:column;grid-template-columns:none;border-radius:20px;background:linear-gradient(160deg,rgba(18,31,61,.97),rgba(24,15,49,.96));box-shadow:0 20px 42px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08)}
.card-visual{height:260px;min-height:260px;flex:0 0 260px}
.card-content{min-height:0;padding:20px 20px 18px}
.card-content h3{margin-top:10px;font-size:20px}
.card-content>p:not(.card-status){margin:9px 0 12px;font-size:12px;line-height:1.6}
.card-content a{font-size:12px}
.category-card{min-height:220px;height:220px}
.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.app-card,.app-card--large,.app-card--small{grid-column:auto;display:flex;min-height:0;height:390px;flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:20px;background:linear-gradient(160deg,rgba(18,31,61,.97),rgba(25,14,50,.96));isolation:isolate}
.app-card__bitmap{position:relative!important;inset:auto!important;z-index:1!important;width:100%;height:220px;flex:0 0 220px;object-fit:cover;opacity:1;filter:saturate(.94) contrast(1.08);mix-blend-mode:normal}
.app-card::before{z-index:2;background:linear-gradient(180deg,rgba(7,11,27,.02),rgba(9,11,29,.78) 66%,rgba(15,11,34,.98));opacity:.84}
.app-card .app-icon{position:relative;z-index:3;width:54px;height:54px;flex:0 0 54px;margin:-27px 0 0 21px;border-radius:16px;background:rgba(75,42,164,.8);box-shadow:0 0 28px rgba(152,98,255,.42),inset 0 1px rgba(255,255,255,.2)}
.app-card>div:not(.app-icon){position:relative;z-index:3;padding:14px 21px 0}
.app-card .app-arrow{position:relative;z-index:3;margin-top:auto;padding:0 21px 19px;font-size:12px}
.canvas-banner--bitmap{position:relative;min-height:470px;overflow:hidden;border:1px solid rgba(104,143,240,.46);border-radius:28px;background:#070b1d;box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08)}
.canvas-banner--bitmap .canvas-banner__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.canvas-banner__hotspot{position:absolute;z-index:3;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.section--member{min-height:720px;padding:150px 0 165px;background:linear-gradient(90deg,rgba(6,9,29,.96),rgba(17,11,45,.72),rgba(6,10,25,.94)),url('assets/inner-membership-banner-20260924.png') center/cover no-repeat}
.section--member::before{background:radial-gradient(circle at 17% 22%,rgba(106,199,255,.16),transparent 27%),radial-gradient(circle at 86% 65%,rgba(255,188,95,.19),transparent 28%),radial-gradient(circle at 52% 42%,rgba(134,83,255,.18),transparent 35%)}
.member-heading{text-align:center}
.member-heading .section-kicker{color:#f1c97d}
.member-heading h2{font-size:clamp(37px,4vw,60px);text-shadow:0 0 30px rgba(240,188,91,.2)}
.member-heading>p:last-child{color:#c0c7e4}
.member-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:48px}
.member-card{min-height:230px;padding:28px 24px;border-radius:20px;background:linear-gradient(160deg,rgba(23,33,62,.93),rgba(11,17,37,.96));box-shadow:0 18px 38px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.13)}
.member-card:nth-child(1){border-color:rgba(174,204,235,.58);background:linear-gradient(155deg,rgba(84,105,137,.48),rgba(10,19,40,.95))}
.member-card:nth-child(2){border-color:rgba(216,176,119,.62);background:linear-gradient(155deg,rgba(102,69,61,.57),rgba(25,16,39,.96))}
.member-card:nth-child(3){border-color:rgba(237,190,93,.72);background:linear-gradient(155deg,rgba(116,74,37,.62),rgba(37,18,34,.96))}
.member-card:nth-child(4){border-color:rgba(196,156,255,.7);background:linear-gradient(155deg,rgba(76,43,131,.69),rgba(19,15,47,.96))}
.member-card span{color:#f6d685;text-shadow:0 0 16px currentColor}
.member-card h3{font-size:22px}
.member-card p{color:#c2c8df;font-size:13px}
.member-cta{display:flex;width:220px;margin:42px auto 0;border-radius:14px;background:linear-gradient(135deg,#5b3cb3,#b878e7 53%,#d39b55);box-shadow:0 0 35px rgba(164,102,255,.32),inset 0 1px rgba(255,255,255,.38)}

@media(max-width:1100px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.reference-semantic-header .desktop-nav{display:none!important}.reference-semantic-header{width:calc(100% - 28px)!important}.knowledge-grid,.app-grid,.member-grid{grid-template-columns:1fr}.knowledge-card,.app-card,.app-card--large,.app-card--small{height:auto;min-height:0}.card-visual{height:220px;min-height:220px;flex-basis:220px}.app-card__bitmap{height:210px;flex-basis:210px}.section--member{padding:100px 0 110px}}

/* Remove decorative glyphs from cards so the artwork and title carry the hierarchy. */
.app-icon,.category-icon,.member-card>span,.tool-card__icon{display:none!important}
.app-card .app-icon{margin:0!important}
.app-card>div:not(.app-icon){padding-top:21px}
.app-card .app-arrow{padding-top:16px}
.hero--reference{position:relative}
.hero--reference .hero-reference-image{position:relative;z-index:0}
.hero--reference .hero-hit-layer{z-index:3}

/* Final typography and spacing correction. */
.hero h1,.hero h1 em{font-family:"Noto Serif SC","Source Han Serif SC","STSong","SimSun","Songti SC",serif;font-weight:600}
.hero h1 em{font-size:.86em;letter-spacing:.01em}
.hero-actions .button{justify-content:center;gap:16px;padding-inline:20px}
.hero-actions .button:hover>span:not(.button-icon){transform:none}
.hero .eyebrow{gap:15px}
.hero .eyebrow__line{width:8px;height:8px;flex:0 0 8px;border:1px solid #e0b66e;background:rgba(224,182,110,.16);box-shadow:0 0 8px rgba(224,182,110,.42);transform:rotate(45deg)}
.hero .eyebrow::after{display:block;width:8px;height:8px;flex:0 0 8px;margin-left:2px;border:1px solid #e0b66e;background:rgba(224,182,110,.16);content:"";transform:rotate(45deg);filter:drop-shadow(0 0 6px rgba(255,215,123,.7));animation:none}
.hero-side-note,.scroll-cue{display:none!important}

/* PC reference composition: the supplied artwork is the complete first-screen visual. */
body{min-width:1100px}
.reference-semantic-header{position:absolute;z-index:1;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.reference-semantic-header a,.reference-semantic-header button{pointer-events:auto}
.hero--reference{position:relative;width:100%;height:auto;min-height:0;overflow:hidden;background:#050711;isolation:isolate}
.hero--reference::before,.hero--reference::after{display:none}
.hero-reference-image{display:block;width:100%;height:auto;max-width:none;user-select:none;-webkit-user-drag:none}
.hero-hit-layer{position:absolute;z-index:2;inset:0}
.hero-hit{position:absolute;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:transparent;cursor:pointer;font:inherit;text-decoration:none;text-shadow:none;appearance:none}
.hero-hit span{color:transparent}
.hero-hit:focus-visible{outline:2px solid #ffe6a4;outline-offset:4px;box-shadow:0 0 0 5px rgba(157,101,255,.45),0 0 24px rgba(245,203,112,.7)}
.hero-hit--brand{top:1.5%;left:4%;width:19%;height:8.5%}
.hero-hit--home{top:1.5%;left:31.5%;width:6.5%;height:8.5%}
.hero-hit--knowledge-nav{top:1.5%;left:37.8%;width:7.4%;height:8.5%}
.hero-hit--apps-nav{top:1.5%;left:44.6%;width:6.7%;height:8.5%}
.hero-hit--canvas-nav{top:1.1%;left:51.3%;width:8.2%;height:9.2%}
.hero-hit--about-nav{top:1.5%;left:59%;width:8.3%;height:8.5%}
.hero-hit--login{top:1.4%;right:3.8%;width:8%;height:8.6%}
.hero-hit--knowledge-cta{top:67.1%;left:6.3%;width:14.2%;height:8.7%}
.hero-hit--canvas-cta{top:67.1%;left:21.8%;width:14.3%;height:8.7%}
.hero-hit--video{top:82.2%;left:6.3%;width:7.5%;height:6.8%}
.hero-hit--human{top:82.2%;left:14.8%;width:7.2%;height:6.8%}
.hero-hit--comfy{top:82.2%;left:23%;width:8.7%;height:6.8%}
.hero-hit--prompt{top:82.2%;left:32.7%;width:7.3%;height:6.8%}
.hero-hit--workflow{top:82.2%;left:41%;width:8.5%;height:6.8%}

/* Shared pink logo, kept compact for the glass navigation and footer. */
.brand-logo{display:block;width:34px;height:34px;flex:0 0 34px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(238,143,238,.28))}
.brand{gap:9px}
.site-footer .brand-logo{width:30px;height:30px;flex-basis:30px}
@media(max-width:700px){.brand-logo{width:30px;height:30px;flex-basis:30px}}

/* ===== 用户菜单（登录后：用户名 + hover 下拉，全站共用） ===== */
.user-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:999px;background:rgba(15,13,37,.72);backdrop-filter:blur(4px);color:var(--text);text-decoration:none}
.user-chip__avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a474ff,#e9c884);color:#050711;font-weight:700;font-size:13px}
.user-chip:hover{border-color:rgba(174,138,255,.6)}
.user-menu{position:relative;display:inline-flex}
.user-menu__dropdown{position:absolute;right:0;top:100%;min-width:176px;padding:8px;border:1px solid var(--line);border-radius:14px;background:rgba(10,10,26,.97);backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,.5);display:none;flex-direction:column;gap:2px;z-index:80}
.user-menu__dropdown::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.user-menu:hover .user-menu__dropdown,.user-menu:focus-within .user-menu__dropdown{display:flex}
.user-menu__dropdown a,.user-menu__dropdown button{all:unset;display:block;padding:9px 12px;border-radius:9px;color:var(--text);font-size:14px;cursor:pointer;box-sizing:border-box}
.user-menu__dropdown a:hover,.user-menu__dropdown button:hover{background:rgba(164,116,255,.16)}
.user-menu__dropdown .user-menu__exit{color:#ff9d9d;border-top:1px solid var(--line);border-radius:0;margin-top:4px;padding-top:10px}

/* ===== 登录弹窗内 auth 元素（首页静态弹窗与内页共用） ===== */
.auth-card__links{display:flex;justify-content:space-between;margin-top:18px;color:#bca8ee;font-size:12px}
.auth-card__links a{color:#bca8ee;text-decoration:none}
.auth-card__links a:hover{color:#e9c884}
.auth-divider{display:flex;align-items:center;gap:10px;margin:22px 0;color:#707c98;font-size:12px}
.auth-divider::before,.auth-divider::after{height:1px;flex:1;background:rgba(142,149,190,.16);content:""}
.auth-provider{width:100%;height:43px;border:1px solid rgba(224,191,111,.42);border-radius:9px;color:#f0d89f;background:rgba(116,74,187,.13);cursor:pointer;font-size:14px}
.auth-provider:hover{border-color:rgba(233,200,132,.7);background:rgba(116,74,187,.22)}
a.auth-provider{display:flex;align-items:center;justify-content:center;text-decoration:none}

/* ===== 登录/注册/找回弹窗紧凑化 ===== */
.login-card form label{display:block;margin-top:11px;font-size:13px;color:var(--text)}
.login-card form label input{display:block;width:100%;margin-top:6px;box-sizing:border-box}
.login-card form small{display:block;margin-top:5px;color:#707c98;font-size:12px;line-height:1.6;text-align:left}
.login-card form .button{margin-top:12px}
.login-card h2{margin:6px 0 2px}

/* ===== 弹窗二次紧凑 ===== */
.login-card{padding:24px 26px}
.login-card>p{margin:6px 0 10px}
.login-card h2{margin:4px 0 2px}
.login-card form label{margin-top:8px}
.login-card form label input{margin-top:5px}
.login-card form small{margin-top:4px;line-height:1.5}
.login-card .auth-divider{margin:14px 0}
.login-card .auth-card__links{margin-top:12px}

/* ===== 弹窗三次紧凑 ===== */
.login-card{padding:20px 24px}
.login-card>p{margin:4px 0 8px}
.login-card form label{margin-top:6px}
.login-card form label input{margin-top:4px}
.login-card form small{margin-top:3px;line-height:1.4}
.login-card .auth-divider{margin:12px 0}
.login-card .auth-card__links{margin-top:10px}
.login-card form .button{margin-top:10px}

/* ===== 发送验证码按钮（紫色圆角，与输入框等高垂直居中） ===== */
.send-code-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;align-self:stretch;height:auto;padding:0 16px;border:1px solid rgba(164,116,255,.6);border-radius:9px;background:rgba(116,74,187,.18);color:#d9c7ff;font-size:13px;cursor:pointer;white-space:nowrap}
.send-code-btn:hover{background:rgba(116,74,187,.32);border-color:rgba(174,138,255,.8)}
.send-code-btn:disabled{opacity:.55;cursor:default}

/* ===== 发送验证码按钮：与输入框等宽等高 ===== */
.login-card form label input{height:44px;box-sizing:border-box}
.send-code-btn{flex:1 1 0;width:auto;height:44px;padding:0 12px;align-self:auto}

/* ===== 验证码行：输入框与按钮各占一半 ===== */
.login-card form label div input{flex:1 1 0;width:auto}

/* ===== 验证码行内输入框去掉上边距，与按钮对齐 ===== */
.login-card form label div input{margin-top:0}

/* ===== 找回密码弹窗：邮箱输入框与发送按钮 6:4 ===== */
#forgot-dialog label div input{flex:6 1 0}
#forgot-dialog .send-code-btn{flex:4 1 0}