:root{--black: #020305;--panel: rgba(6, 8, 12, .9);--panel-strong: rgba(12, 15, 21, .96);--white: #fff8f3;--soft-white: rgba(255, 248, 243, .78);--muted: rgba(255, 248, 243, .58);--line: rgba(255, 248, 243, .18);--red: #b51a1a;--red-soft: rgba(181, 26, 26, .54);--blue: #0c648f;--azure: #8aa6ad;--gold: #d8b474;--serif: "Playfair Display", "New York", "Bodoni 72", Didot, "Times New Roman", "Noto Serif SC", "Noto Serif CJK SC", "Songti SC", STSong, SimSun, serif;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;color:var(--white);background:var(--black);font-family:var(--serif)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(255,248,243,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(181,26,26,.12),transparent 24rem),linear-gradient(120deg,rgba(12,100,143,.12),transparent 42rem),var(--black);background-size:74px 74px,100% 100%,100% 100%,100% 100%;color:var(--white)}body::selection{background:var(--red);color:var(--white)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{min-height:calc(100svh - 78px)}h1,h2,h3,p{margin:0}.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(110px,1fr);align-items:center;gap:18px;min-height:78px;padding:0 clamp(18px,4vw,44px);border-bottom:1px solid rgba(255,248,243,.16);background:#020305c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:12px;width:fit-content;color:var(--white);font-size:20px;font-weight:700;text-shadow:0 0 18px rgba(77,182,212,.28)}.brand:before{position:absolute;top:50%;left:-11px;width:82px;height:58px;background:url(/assets/logo-glow.png) center / contain no-repeat;content:"";opacity:.96;transform:translateY(-50%)}.brand img{position:relative;z-index:1;width:58px;height:44px;mix-blend-mode:multiply;object-fit:contain;filter:contrast(1.12) saturate(1.08) drop-shadow(0 0 10px rgba(181,26,26,.42)) drop-shadow(0 0 14px rgba(77,182,212,.28))}.brand span{position:relative;z-index:1}.nav-links{display:flex;justify-content:center;gap:clamp(18px,3vw,34px);color:var(--soft-white);font-size:15px;font-weight:700;text-transform:uppercase}.nav-links a,.session-chip a{position:relative}.nav-links a:after,.session-chip a:after{position:absolute;right:0;bottom:-9px;left:0;height:2px;background:var(--red);content:"";transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-links a.active,.nav-links a:hover,.session-chip a:hover{color:var(--white)}.nav-links a.active:after,.nav-links a:hover:after,.session-chip a:hover:after{transform:scaleX(1)}.session-chip{display:inline-flex;justify-content:flex-end;align-items:center;gap:12px;color:var(--soft-white);font-size:15px;font-weight:700}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid rgba(255,248,243,.46);border-radius:999px;padding:0 20px;background:#020305b8;color:var(--white);font:inherit;font-size:15px;font-weight:700;letter-spacing:0;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}button:hover,.button:hover{transform:translateY(-1px);border-color:var(--white)}.button.primary,button.primary{border-color:var(--red);background:var(--red);color:var(--white);box-shadow:0 0 26px #b51a1a52}.button.ghost,.button.ghost-line{background:#0203056b;color:var(--white);border-color:#fff8f385;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button.ghost-line{border-color:var(--red-soft);color:var(--soft-white)}.site-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(181,26,26,.16),transparent 34%,rgba(12,100,143,.18)),#000;animation:loader-fade 1.26s ease forwards}.site-loader:before,.site-loader:after{position:absolute;right:8vw;left:8vw;height:1px;background:var(--red);content:""}.site-loader:before{top:18vh}.site-loader:after{bottom:18vh}.site-loader img{width:min(58vw,380px);filter:drop-shadow(0 0 20px rgba(181,26,26,.55)) drop-shadow(0 0 28px rgba(77,182,212,.36))}.loader-copy{position:absolute;bottom:22vh;display:grid;gap:8px;text-align:center}.loader-copy span{color:var(--azure);font-size:13px;font-weight:700;letter-spacing:.18em}.loader-copy strong{color:var(--white);font-size:clamp(30px,7vw,74px);font-weight:400;line-height:.9;text-shadow:0 0 24px rgba(181,26,26,.38)}.loader-bar{position:absolute;right:14vw;bottom:12vh;left:14vw;height:2px;overflow:hidden;background:#fff8f32e}.loader-bar:after{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--red),var(--white),var(--blue));content:"";transform-origin:left;animation:loader-progress .98s ease-out forwards}@keyframes loader-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loader-fade{0%,72%{opacity:1}to{opacity:0;visibility:hidden}}.hero{position:relative}.hero-stage{display:grid;align-items:end;min-height:calc(100svh - 78px);overflow:hidden;padding:clamp(34px,5vw,60px) max(22px,calc((100vw - 1180px)/2)) clamp(42px,6vw,72px);isolation:isolate;background:var(--black);color:var(--white)}.hero-stage:before{position:absolute;inset:0;z-index:-3;background:url(/assets/vision/2026-06-21-xhs-live-01.webp) center 34% / cover no-repeat;content:"";transform:scale(1.02)}.hero-stage:after{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#000000e0,#0000006b 46%,#000000c2),linear-gradient(180deg,#0000001f,#000000eb),linear-gradient(135deg,rgba(181,26,26,.34),transparent 34%,rgba(12,100,143,.26));content:""}.hero-backdrop{position:absolute;inset:22px;z-index:-1;border:1px solid rgba(255,248,243,.28);box-shadow:inset 0 0 0 1px #b51a1a3d;pointer-events:none}.hero-copy{width:min(780px,100%);animation:enter-up .76s ease .16s both}.hero-mark-wrap{position:relative;display:grid;place-items:center;width:clamp(146px,17vw,230px);margin-bottom:22px;padding:0;isolation:isolate}.hero-mark-wrap:before{position:absolute;inset:-12%;z-index:-1;background:url(/assets/logo-glow.png) center / contain no-repeat;content:"";opacity:.98}.hero-mark{width:100%;height:auto;mix-blend-mode:multiply;filter:contrast(1.16) saturate(1.1) drop-shadow(0 0 12px rgba(255,248,243,.3)) drop-shadow(0 0 22px rgba(181,26,26,.38)) drop-shadow(0 0 24px rgba(77,182,212,.28))}.eyebrow{color:var(--red);font-family:var(--serif);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-stage .eyebrow{color:var(--gold)}.hero h1{display:grid;gap:8px;margin-top:14px;font-size:clamp(58px,11vw,144px);font-weight:400;line-height:.82;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 34px rgba(0,0,0,.72)}.hero h1 span:last-child{color:var(--white);font-size:clamp(44px,7.5vw,92px);text-transform:none}.lead{max-width:760px;margin-top:24px;color:var(--soft-white);font-size:clamp(18px,2.1vw,25px);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-index{position:absolute;right:max(24px,calc((100vw - 1180px)/2));bottom:48px;display:grid;gap:8px;color:#fff8f385;font-size:13px;letter-spacing:.16em;text-align:right;text-transform:uppercase}@keyframes enter-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ticker{display:flex;justify-content:center;flex-wrap:nowrap;gap:0 clamp(10px,1.5vw,18px);overflow-x:auto;overflow-y:hidden;border-block:1px solid rgba(181,26,26,.52);background:linear-gradient(90deg,transparent,rgba(35,48,54,.34) 18%,rgba(31,43,49,.46) 50%,rgba(35,48,54,.34) 82%,transparent),#000;color:var(--white);padding:0 max(20px,calc((100vw - 1180px)/2));font-size:clamp(18px,1.7vw,26px);font-weight:400;line-height:1;scrollbar-width:none;white-space:nowrap}.ticker::-webkit-scrollbar{display:none}.ticker span{display:inline-flex;align-items:center;flex:0 0 auto;padding:18px 0}.ticker span:after{width:clamp(16px,2vw,24px);height:1px;margin:auto 0 auto clamp(10px,1.5vw,18px);background:var(--red);content:""}.ticker span:last-child:after{display:none}.home-section,.page-wide,.page-narrow,.auth-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:clamp(58px,8vw,104px) 0;border-top:1px solid rgba(181,26,26,.46);scroll-margin-top:92px}.section-head{display:grid;gap:10px;margin-bottom:30px}.section-head.split{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:28px}.section-head h2,.page-wide h1,.page-narrow h1,.auth-shell h1{color:var(--white);font-size:clamp(42px,7vw,86px);font-weight:400;line-height:.96;letter-spacing:0}.section-summary{max-width:430px;color:var(--soft-white);font-size:18px;line-height:1.72}.concept-grid,.live-plan-grid,.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.concept-card,.live-plan-card,.news-card,.plan-card,.panel,.info-list p,.user-row{border:1px solid rgba(255,248,243,.18);border-radius:8px;background:linear-gradient(135deg,rgba(181,26,26,.12),transparent 42%),var(--panel);box-shadow:0 24px 70px #00000042}.concept-card,.live-plan-card{display:grid;align-content:start;min-height:260px;padding:24px}.concept-card span,.live-plan-card span,.news-card span,.plan-card span,.completed-card span,.vision-card-copy span,.community-label{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.concept-card h3,.live-plan-card h3,.news-card h3,.community-content h3,.completed-card h3,.vision-card-copy h3,.plan-card h2,.panel h2{color:var(--white);font-size:clamp(25px,3vw,38px);font-weight:400;line-height:1.06;letter-spacing:0}.concept-card h3,.live-plan-card h3{margin-top:26px}.concept-card p,.live-plan-card p,.news-card p,.community-content p,.completed-card p,.vision-card-copy p,.plan-card p,.plan-card pre,.profile-copy p{color:var(--soft-white);font-size:17px;line-height:1.72}.concept-card p,.live-plan-card p{margin-top:18px}.live-plan-card strong{align-self:end;width:fit-content;margin-top:24px;border:1px solid rgba(216,180,116,.46);padding:8px 12px;background:#fff8f309;color:var(--gold);font-size:13px;font-weight:700}.news-list,.plan-grid,.table-list{display:grid;gap:14px}.news-card{display:grid;grid-template-columns:150px minmax(220px,.45fr) minmax(0,1fr);gap:18px;align-items:baseline;min-width:0;padding:24px}.completed-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.48fr);gap:18px}.completed-card{position:relative;min-height:420px;overflow:hidden;border:1px solid rgba(255,248,243,.18);border-radius:8px;background:#000}.completed-card-large{min-height:620px}.completed-card img{width:100%;height:100%;object-fit:cover;opacity:.82}.completed-card:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(0,0,0,.84)),linear-gradient(135deg,rgba(181,26,26,.24),transparent 46%);content:""}.completed-card div{position:absolute;right:22px;bottom:22px;left:22px;z-index:1;display:grid;gap:10px;padding-top:18px;border-top:1px solid rgba(255,248,243,.52)}.note-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.note-meta span,.note-meta a{display:inline-flex;align-items:center;min-height:36px;border:1px solid rgba(255,248,243,.24);border-radius:999px;padding:0 13px;background:#020305a8;color:var(--soft-white);font-size:13px;font-weight:700}.note-meta a{border-color:var(--red-soft);color:var(--white)}.community-card{display:grid;min-width:0;overflow:hidden;border:1px solid rgba(255,248,243,.18);border-radius:8px;background:radial-gradient(circle at 16% 8%,rgba(181,26,26,.2),transparent 32%),radial-gradient(circle at 86% 20%,rgba(12,100,143,.22),transparent 34%),linear-gradient(180deg,#fff8f309,#fff8f303),#030407;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.community-card:hover{transform:translateY(-4px);border-color:#b51a1ab8;box-shadow:0 0 36px #b51a1a2e}.community-qr{display:grid;place-items:center;aspect-ratio:1;padding:0;background:radial-gradient(circle at 18% 18%,rgba(178,28,44,.18),transparent 34%),radial-gradient(circle at 84% 16%,rgba(255,132,178,.1),transparent 28%),#000}.community-qr img{width:100%;height:100%;border-radius:8px;object-fit:contain}.community-content{display:grid;gap:10px;padding:22px}.community-content strong{display:inline-flex;align-items:center;margin-top:4px;color:var(--azure);font-size:16px;font-weight:700}.community-content strong:after{content:" ->"}.vision-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(260px,22vw);gap:14px}.vision-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,248,243,.18);border-radius:8px;background:#000;color:var(--white)}.vision-card-wide{grid-column:span 2;grid-row:span 2}.vision-card img{width:100%;height:100%;object-fit:cover}.vision-card:nth-child(2) img,.vision-card:nth-child(5) img{object-position:center top}.vision-card:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.78)),linear-gradient(135deg,rgba(12,100,143,.22),transparent 42%);content:""}.vision-card-copy{position:absolute;right:16px;bottom:16px;left:16px;z-index:1;display:grid;gap:7px;padding-top:14px;border-top:1px solid rgba(255,248,243,.5)}.vision-card-copy h3{font-size:clamp(22px,2vw,30px)}.vision-card-copy p{max-width:520px;font-size:15px;line-height:1.55}.auth-shell{display:grid;place-items:center;min-height:calc(100svh - 78px)}.auth-shell .panel,.page-narrow{max-width:680px}.panel,.page-narrow{padding:clamp(24px,4vw,38px)}.page-wide h1,.page-narrow h1,.auth-shell h1{margin-top:10px}.segmented{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.segmented button.active{border-color:var(--red);background:var(--red);color:var(--white)}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:8px;color:var(--soft-white);font-size:18px;font-weight:700}input,select,textarea{width:100%;border:1px solid rgba(255,248,243,.2);border-radius:8px;padding:12px 14px;background:#0000009e;color:var(--white);font:inherit;font-size:18px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #b51a1a2e}textarea{min-height:180px;resize:vertical}small,.form-message{color:var(--soft-white);font-size:16px;line-height:1.62}.form-message{margin-top:18px;border-left:2px solid var(--red);padding-left:12px}.info-list{display:grid;gap:12px;margin:28px 0}.info-list p,.user-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px}.info-list strong{color:var(--gold)}.info-list span,.user-row span{color:var(--soft-white)}.user-row{grid-template-columns:minmax(0,1.2fr) 120px 90px auto;align-items:center}.user-row div{display:grid;gap:4px}.plan-grid{margin-top:28px}.plan-card{display:grid;gap:12px;padding:24px}.plan-card pre{white-space:pre-wrap;margin:8px 0 0;font:inherit}.panel.form-stack{margin-top:28px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media(max-width:980px){.site-header{grid-template-columns:1fr;justify-items:center;padding:14px 18px}.session-chip{justify-content:center}.section-head.split,.completed-grid,.concept-grid,.live-plan-grid,.community-grid{grid-template-columns:1fr}.note-meta{justify-content:flex-start}.vision-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(320px,42vw)}}@media(max-width:760px){.site-header{position:static}.brand img{width:68px;height:50px}.nav-links{flex-wrap:wrap;row-gap:10px}.hero-stage{min-height:calc(100svh - 170px);padding:38px 18px 48px}.hero-copy{width:100%;max-width:calc(100vw - 52px)}.hero-backdrop{inset:10px}.hero-mark-wrap{width:156px}.hero h1{font-size:58px}.hero h1 span:last-child{font-size:42px}.lead{font-size:17px}.hero-index{display:none}.home-section,.page-wide,.page-narrow,.auth-shell{width:min(100% - 28px,1180px);padding:52px 0}.panel,.page-narrow{padding:22px}.news-card{grid-template-columns:1fr;gap:8px}.completed-card,.completed-card-large{min-height:460px}.vision-gallery{grid-template-columns:1fr;grid-auto-rows:minmax(430px,118vw)}.vision-card-wide{grid-column:span 1;grid-row:span 1}.user-row,.info-list p{grid-template-columns:1fr}.auth-shell h1,.page-wide h1,.page-narrow h1,.section-head h2{font-size:clamp(40px,13vw,64px)}}
