.m28{--bg-deep:oklch(0.14 0.035 265);--bg-canvas:oklch(0.18 0.04 268);--bg-panel:oklch(0.22 0.045 270);--bg-panel-2:oklch(0.26 0.05 272);--bg-input:oklch(0.16 0.035 268);--border-soft:oklch(0.35 0.04 270/0.4);--border-mid:oklch(0.45 0.05 265/0.55);--border-gold:oklch(0.82 0.12 85/0.35);--text-primary:oklch(0.96 0.01 90);--text-secondary:oklch(0.78 0.02 90);--text-muted:oklch(0.58 0.03 270);--text-dim:oklch(0.45 0.03 270);--gold:oklch(0.82 0.12 85);--gold-soft:oklch(0.88 0.08 85);--gold-deep:oklch(0.68 0.14 75);--jade:oklch(0.78 0.13 170);--cinnabar:oklch(0.68 0.18 30);--violet:oklch(0.68 0.18 305);--azure:oklch(0.72 0.14 235);--lum-sun:oklch(0.82 0.16 70);--lum-moon:oklch(0.86 0.05 240);--lum-mercury:oklch(0.72 0.12 200);--lum-venus:oklch(0.82 0.11 340);--lum-mars:oklch(0.68 0.19 28);--lum-jupiter:oklch(0.78 0.14 145);--lum-saturn:oklch(0.65 0.06 60);--siyu-luohou:oklch(0.55 0.08 280);--siyu-jidu:oklch(0.62 0.08 310);--siyu-ziqi:oklch(0.72 0.14 305);--siyu-yuebei:oklch(0.78 0.06 250);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--shadow-panel:0 1px 0 oklch(1 0 0/0.04) inset,0 20px 40px -20px oklch(0 0 0/0.5);--glow-gold:0 0 24px oklch(0.82 0.12 85/0.25);--glow-violet:0 0 60px oklch(0.68 0.18 305/0.35);--glow-azure:0 0 48px oklch(0.72 0.14 235/0.3);--font-serif-en:"Cormorant Garamond","Noto Serif TC",serif;--font-serif-tc:"Noto Serif TC","Cormorant Garamond",serif;--font-sans:"Inter","Noto Sans TC",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--container:1440px;--gutter:24px}.m28,.m28 *{box-sizing:border-box}.m28{margin:0;padding:0;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;min-height:100vh}.m28{background:radial-gradient(ellipse 1200px 800px at 20% -10%,oklch(.28 .08 280/.4),transparent 60%),radial-gradient(ellipse 900px 600px at 90% 10%,oklch(.3 .1 240/.3),transparent 55%),radial-gradient(ellipse 1000px 700px at 60% 110%,oklch(.26 .07 300/.35),transparent 55%),var(--bg-deep);background-attachment:fixed;overflow-x:hidden}.m28 a{color:inherit;text-decoration:none}.m28 button{cursor:pointer}.m28 button,.m28 input,.m28 select,.m28 textarea{font-family:inherit}.m28 ::-webkit-scrollbar{width:10px;height:10px}.m28 ::-webkit-scrollbar-track{background:transparent}.m28 ::-webkit-scrollbar-thumb{background:oklch(.35 .05 270/.5);border-radius:999px}.m28 ::-webkit-scrollbar-thumb:hover{background:oklch(.45 .06 270/.7)}.m28 ::selection{background:var(--gold);color:var(--bg-deep)}.m28 .panel{background:linear-gradient(180deg,oklch(.24 .045 268/.9),oklch(.2 .04 268/.9));border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.m28 .panel-hover{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.m28 .panel-hover:hover{border-color:var(--border-gold);transform:translateY(-1px)}.m28 .chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:4px 10px;border-radius:var(--r-full);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:oklch(.28 .05 270/.6);border:1px solid var(--border-soft);color:var(--text-secondary)}.m28 .chip.chip-gold{color:var(--gold);border-color:var(--border-gold);background:oklch(.82 .12 85/.08)}.m28 .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:40px;padding:0 18px;border-radius:var(--r-md);border:1px solid var(--border-mid);background:oklch(.28 .05 270/.5);color:var(--text-primary);font-size:13px;font-weight:500;letter-spacing:.02em;transition:all .18s ease}.m28 .btn:hover{border-color:var(--border-gold);background:oklch(.32 .055 270/.6)}.m28 .btn-primary{background:linear-gradient(180deg,var(--gold-soft),var(--gold));border:1px solid var(--gold-deep);color:oklch(.2 .04 268);font-weight:600;box-shadow:var(--glow-gold)}.m28 .btn-primary:hover{background:linear-gradient(180deg,var(--gold),var(--gold-deep));filter:brightness(1.05)}.m28 .btn-ghost{background:transparent;border-color:transparent}.m28 .btn-ghost:hover{background:oklch(.28 .05 270/.4);border-color:var(--border-soft)}.m28 .label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:500}.m28 .section-title{font-family:var(--font-serif-tc);font-size:20px;font-weight:500;letter-spacing:.04em;color:var(--text-primary);margin:0}.m28 .section-title-en{font-family:var(--font-serif-en);font-style:italic;color:var(--gold);font-size:14px;letter-spacing:.08em;margin-left:10px;font-weight:400}.m28 .divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-mid),transparent);margin:var(--s-6) 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.m28 .fade-in{animation:fadeUp .5s ease both}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.m28{font-family:var(--font-sans);color:var(--text-primary)}.m28 .wrap{max-width:1240px;margin:0 auto;padding:0 var(--gutter)}.m28 .topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 var(--gutter);background:oklch(.15 .035 265/.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft)}.m28 .brand{display:flex;align-items:baseline;gap:10px;font-family:var(--font-serif-tc);font-weight:600;letter-spacing:.06em;font-size:17px}.m28 .brand .en{font-family:var(--font-serif-en);font-style:italic;font-size:12px;letter-spacing:.12em;color:var(--gold);font-weight:400}.m28 .topbar nav{display:flex;align-items:center;gap:6px}.m28 .topbar nav a{padding:8px 14px;border-radius:var(--r-md);font-size:13px;white-space:nowrap;color:var(--text-secondary);transition:background .16s ease,color .16s ease}.m28 .topbar nav a:hover{background:oklch(.28 .05 270/.4)}.m28 .topbar nav a:hover,.m28 .topbar nav a[aria-current=page]{color:var(--text-primary)}.m28 .topbar nav a.cta{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:oklch(.2 .04 268);font-weight:600;box-shadow:var(--glow-gold)}.m28 .page-hero{text-align:center;padding:96px 0 18px}.m28 .page-hero .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}.m28 .page-hero h1{font-family:var(--font-serif-tc);font-weight:700;font-size:clamp(32px,5.2vw,56px);letter-spacing:.04em;line-height:1.16;margin:0;text-wrap:balance}.m28 .page-hero h1 .num{color:var(--gold);font-family:var(--font-serif-en);font-style:italic;font-weight:600;padding:0 .04em}.m28 .page-hero p.sub{max-width:600px;margin:26px auto 0;color:var(--text-secondary);font-size:17px;line-height:1.95;text-wrap:pretty}.m28 .page-hero p.sub b{color:var(--gold-soft);font-weight:500}.m28 .quad-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:40px auto 0}.m28 .quad-nav a{--c:var(--gold);display:inline-flex;align-items:center;gap:9px;padding:9px 17px;border-radius:var(--r-full);font-size:13px;letter-spacing:.1em;white-space:nowrap;color:var(--text-secondary);background:oklch(.22 .045 270/.55);border:1px solid var(--border-soft);transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}.m28 .quad-nav a:hover{color:var(--text-primary);border-color:color-mix(in oklch,var(--c) 60%,transparent);background:color-mix(in oklch,var(--c) 12%,oklch(.22 .045 270/.55));transform:translateY(-2px)}.m28 .quad-nav a .seal{width:9px;height:9px;border-radius:var(--r-full);background:var(--c);box-shadow:0 0 12px color-mix(in oklch,var(--c) 70%,transparent)}.m28 .quad{--tint:var(--gold);padding:84px 0 24px;scroll-margin-top:76px}.m28 .quad-banner{position:relative;aspect-ratio:21/9;border-radius:var(--r-xl);overflow:hidden;border:1px solid color-mix(in oklch,var(--tint) 34%,var(--border-soft));background:repeating-linear-gradient(135deg,color-mix(in oklch,var(--tint) 9%,var(--bg-panel)) 0 17px,color-mix(in oklch,var(--tint) 3%,var(--bg-panel)) 17px 34px);box-shadow:inset 0 1px 0 oklch(1 0 0/.05),0 40px 80px -44px color-mix(in oklch,var(--tint) 58%,#000)}.m28 .quad-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.m28 .quad-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 120% at 50% 130%,color-mix(in oklch,var(--tint) 30%,transparent),transparent 66%);pointer-events:none}.m28 .banner-note{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--text-muted)}.m28 .banner-note .bn-seal{width:54px;height:54px;display:grid;place-items:center;border-radius:var(--r-full);border:1px solid color-mix(in oklch,var(--tint) 50%,var(--border-soft));color:var(--tint);font-size:22px;background:oklch(.16 .03 265/.5)}.m28 .banner-note .bn-label{font-family:var(--font-serif-tc);font-size:18px;letter-spacing:.2em;color:var(--text-secondary);white-space:nowrap}.m28 .banner-note .bn-spec{white-space:nowrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--text-dim)}.m28 .quad-head{text-align:center;padding:34px 0 36px}.m28 .quad-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;white-space:nowrap}.m28 .quad-kicker:after,.m28 .quad-kicker:before{content:"";width:30px;height:1px;background:color-mix(in oklch,var(--tint) 50%,var(--border-soft))}.m28 .quad-title{font-family:var(--font-serif-tc);font-weight:700;font-size:clamp(28px,3.6vw,40px);letter-spacing:.16em;margin:0;color:var(--tint);text-shadow:0 0 40px color-mix(in oklch,var(--tint) 40%,transparent)}.m28 .quad-keywords{margin:14px 0 0;font-size:14px;letter-spacing:.18em;color:var(--text-secondary)}.m28 .quad-intro{position:relative;max-width:860px;margin:34px auto 0;padding:28px 40px 30px;text-align:left;border:1px solid color-mix(in oklch,var(--tint) 26%,var(--border-soft));border-radius:var(--r-lg);background:linear-gradient(180deg,color-mix(in oklch,var(--tint) 8%,oklch(.21 .043 270/.55)),oklch(.16 .035 268/.55));box-shadow:inset 0 1px 0 oklch(1 0 0/.05),0 26px 54px -36px color-mix(in oklch,var(--tint) 48%,#000);overflow:hidden}.m28 .quad-intro:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--tint),transparent 90%);box-shadow:0 0 18px color-mix(in oklch,var(--tint) 55%,transparent)}.m28 .qi-watermark{position:absolute;right:4px;bottom:-34px;z-index:0;font-family:var(--font-serif-tc);font-weight:700;font-size:150px;line-height:1;color:color-mix(in oklch,var(--tint) 16%,transparent);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.m28 .qi-head{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:13px}.m28 .qi-seal{width:8px;height:8px;border-radius:var(--r-full);background:var(--tint);box-shadow:0 0 12px color-mix(in oklch,var(--tint) 70%,transparent)}.m28 .qi-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:color-mix(in oklch,var(--tint) 55%,var(--text-muted))}.m28 .qi-text{position:relative;z-index:1;margin:0;font-size:16px;line-height:2.05;letter-spacing:.01em;color:var(--text-secondary);text-wrap:pretty}.m28 .qi-text b{color:var(--tint);font-weight:500}.m28 .star-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px}.m28 .star-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);background:linear-gradient(180deg,oklch(.23 .045 268/.7),oklch(.185 .04 268/.7));border:1px solid var(--border-soft);overflow:hidden;transition:transform .24s cubic-bezier(.2,.7,.3,1),border-color .24s ease,box-shadow .24s ease}.m28 .star-card:hover{transform:translateY(-6px);border-color:color-mix(in oklch,var(--tint) 60%,transparent);box-shadow:0 30px 56px -28px color-mix(in oklch,var(--tint) 62%,#000)}.m28 .star-figure{position:relative;aspect-ratio:1/1;border-bottom:1px solid var(--border-soft);overflow:hidden;background:repeating-linear-gradient(135deg,color-mix(in oklch,var(--tint) 13%,var(--bg-canvas)) 0 11px,color-mix(in oklch,var(--tint) 5%,var(--bg-canvas)) 11px 22px);display:grid;place-items:center}.m28 .star-figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .42s cubic-bezier(.2,.7,.3,1)}.m28 .star-card:hover .star-figure>img{transform:scale(1.045)}.m28 .star-figure:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 86% 74% at 50% 118%,color-mix(in oklch,var(--tint) 26%,transparent),transparent 70%);pointer-events:none}.m28 .star-figure .fig-glyph{position:relative;z-index:1;font-family:var(--font-serif-tc);font-weight:700;font-size:clamp(34px,4vw,48px);letter-spacing:.06em;color:color-mix(in oklch,var(--tint) 72%,var(--text-primary));opacity:.9}.m28 .star-figure .fig-drop{left:0;right:0;bottom:13px;text-align:center;z-index:1;color:var(--text-dim)}.m28 .fig-index,.m28 .star-figure .fig-drop{position:absolute;white-space:nowrap;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em}.m28 .fig-index{left:12px;top:12px;z-index:2;color:var(--text-secondary);background:oklch(.13 .03 265/.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:4px 9px;border-radius:var(--r-full);border:1px solid color-mix(in oklch,var(--tint) 40%,var(--border-soft))}.m28 .star-body{padding:17px 17px 18px;display:flex;flex-direction:column;gap:6px;flex:1 1}.m28 .star-name{font-family:var(--font-serif-tc);font-weight:700;font-size:21px;letter-spacing:.1em;color:var(--text-primary);line-height:1.2}.m28 .star-tagline{font-family:var(--font-serif-tc);font-weight:500;font-size:15px;line-height:1.5;letter-spacing:.02em;color:color-mix(in oklch,var(--tint) 50%,var(--text-primary));text-wrap:balance}.m28 .star-foot{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}.m28 .star-card .go{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--tint);opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease}.m28 .star-card:hover .go{opacity:1;transform:translateX(0)}.m28 .page-cta{position:relative;text-align:center;margin:84px 0 120px;padding:72px 28px;border-radius:var(--r-xl);border:1px solid var(--border-gold);background:radial-gradient(ellipse 70% 130% at 50% -10%,oklch(.82 .12 85/.12),transparent 62%),linear-gradient(180deg,oklch(.22 .045 270/.6),oklch(.17 .038 268/.6));overflow:hidden}.m28 .page-cta .cta-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}.m28 .page-cta .ask{font-family:var(--font-serif-tc);font-weight:700;font-size:clamp(24px,3.2vw,34px);letter-spacing:.05em;margin:0 0 12px;color:var(--text-primary)}.m28 .page-cta .cta-sub{margin:0 auto 30px;max-width:460px;color:var(--text-secondary);font-size:15px;line-height:1.8}.m28 .page-cta .primary{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 34px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--gold-soft),var(--gold));border:1px solid var(--gold-deep);color:oklch(.2 .04 268);font-weight:600;font-size:16px;letter-spacing:.04em;white-space:nowrap;box-shadow:var(--glow-gold);transition:filter .16s ease,transform .16s ease}.m28 .page-cta .primary:hover{filter:brightness(1.05);transform:translateY(-2px)}@media (max-width:1080px){.m28 .star-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.m28 .star-grid{grid-template-columns:repeat(2,1fr);gap:14px}.m28 .page-hero{padding:68px 0 14px}.m28 .quad{padding:60px 0 20px}.m28 .quad-banner{aspect-ratio:16/9}.m28 .topbar nav a:not(.cta){display:none}.m28 .star-name{font-size:18px}.m28 .star-tagline{font-size:13.5px}}