/* A quiet, interactive night sky. Photos retain their original color. */
.index{--paper:#080c16;--ink:#f2f4fb;--muted:#a6b0c5;--blue:#b8c8ff;--line:#283247;--wash:#101827;background:#080c16;color:var(--ink)}
.index::before{content:"";position:absolute;top:0;left:0;right:0;height:900px;pointer-events:none;background:radial-gradient(ellipse at 82% 35%,#273b7826,transparent 48%),radial-gradient(ellipse at 10% 0,#44275525,transparent 42%);z-index:-1}
.index .site-header{position:relative;z-index:5;border-color:#ffffff12}
.index .menu-toggle{color:var(--ink)}
.index .skip-link{background:#c4d1ff;color:#10182c}
.index .primary-link{background:#e3e9ff;color:#121c34;border-color:#e3e9ff;border-radius:7px;box-shadow:0 5px 30px #95adff12}
.index .primary-link:hover{background:#c9d6ff;transform:translateY(-2px)}
.index .douyin-primary span{color:#455277}
.index .douyin-primary{padding-right:42px}
.index .douyin-primary::after{position:absolute;right:14px;top:20px;margin:0;font-size:18px}
.index .douyin-profile{border-radius:13px}
.index .douyin-section-heading h2{font-size:36px}
.index .text-link{border-color:#7484a1}
.index .home-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:52px;padding:56px 0 48px;position:relative;min-height:620px}
.index .hero-introduction{gap:20px}
.index .hero-avatar{width:100px;flex-basis:100px;height:112px;border-radius:10px;outline:1px solid #b0c8ff40;outline-offset:5px;box-shadow:0 0 44px #627cff18}
.index .hero-name{font-size:29px;letter-spacing:.08em}
.index .hero-location{color:#a6b0c5}
.index .home-hero h1{font-size:clamp(38px,4.4vw,58px);line-height:1.48;margin:27px 0 22px;letter-spacing:.015em}
.index .home-hero h1 span{background:linear-gradient(100deg,#e1eaff,#99b2ff 70%,#d3b4ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.index .hero-description{font-size:16px;line-height:1.95;max-width:530px}
.index .hero-actions{gap:17px 23px;margin-top:28px}
.index .hero-actions .text-link{font-size:14px}
.index .hero-footnote{align-items:center;flex-wrap:wrap;font-size:12px;border-color:#ffffff14;padding:16px 0;gap:12px}
.orbit-stage{position:relative;min-height:520px;isolation:isolate;perspective:1100px;--mx:0;--my:0}
.orbit-decor{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.orbit-glow{position:absolute;inset:18% 10% 12%;border-radius:50%;background:radial-gradient(ellipse at 30% 75%,#284da7b0,transparent 57%),radial-gradient(ellipse at 72% 30%,#663b9366,transparent 62%);filter:blur(32px);z-index:-1;opacity:.85}
.orbit-ring{position:absolute;width:88%;height:63%;left:6%;top:20%;border:1px solid #9bb5ff29;border-radius:50%;transform:rotate(-28deg);pointer-events:none;box-shadow:0 0 32px #3d71ff09,inset 0 0 25px #b88dff08}
.orbit-ring.second{width:68%;height:88%;left:16%;top:4%;transform:rotate(29deg);border-color:#bba0ff1f}
.orbit-star{position:absolute;width:5px;height:5px;border-radius:50%;background:#c7d7ff;box-shadow:0 0 13px #879fff;pointer-events:none}
.orbit-star.one{top:18%;right:24%}.orbit-star.two{bottom:15%;left:21%;width:3px;height:3px}.orbit-star.three{top:53%;right:3%;width:3px;height:3px}
.orbit-heading{position:absolute;top:5px;left:0;right:0;text-align:center;color:#8999b5;font-size:12px;letter-spacing:.16em}
.orbit-card{position:absolute;z-index:2;min-width:135px;padding:14px 18px;text-align:left;border:1px solid #899fd450;background:linear-gradient(135deg,#1d2b45e8,#0c1325f5);color:#eef2ff;box-shadow:0 12px 35px #0005,inset 0 1px #fff1;border-radius:9px;backdrop-filter:blur(16px);transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*8px),0);transition:border-color .25s,background .25s,box-shadow .25s}
.orbit-card small{font-size:11px;letter-spacing:.12em;display:block;color:#a5b7dd;margin-bottom:5px}
.orbit-card strong{font:500 21px/1.5 var(--serif);display:block}
.orbit-card span{font-size:11px;color:#9caecf;display:block;margin-top:5px}
.orbit-card[aria-selected=true]{border-color:#c2d2ff;background:linear-gradient(135deg,#324574e8,#14213ff5);box-shadow:0 0 28px #7b9bff2b,inset 0 0 0 1px #dae5ff15}
.orbit-card:hover{border-color:#d1dcff;box-shadow:0 0 36px #809dff42}
.orbit-card[data-orbit=law]{left:0;top:59px;--float:0s;rotate:-7deg}
.orbit-card[data-orbit=military]{right:0;top:85px;--float:-2s;rotate:7deg}
.orbit-card[data-orbit=work]{left:2%;bottom:22px;--float:-4s;rotate:5deg}
.orbit-card[data-orbit=life]{right:0;bottom:0;--float:-1s;rotate:-6deg}
.orbit-story{position:absolute;z-index:1;top:185px;left:12%;width:76%;padding:24px 27px 21px;min-height:206px;max-height:230px;background:linear-gradient(125deg,#132344ed,#101725f5);border:1px solid #b8ccff57;border-radius:12px;box-shadow:0 20px 60px #0007,inset 0 1px 0 #fff2;transform:rotateX(calc(var(--my)*-4deg)) rotateY(calc(var(--mx)*5deg));transition:border-color .3s;overflow:hidden}
.orbit-story::after{content:"";position:absolute;top:0;left:0;width:80%;height:1px;background:linear-gradient(90deg,transparent,#c2d5ff,transparent)}
.orbit-story .orbit-kicker{font-size:11px;letter-spacing:.1em;color:#a1b5e1;margin:0}
.orbit-story h2{font-size:26px;line-height:1.5;margin:9px 0 10px}
.orbit-story .orbit-description{font-size:14px;line-height:1.8;color:#b7c4df;margin:0;max-width:320px}
.orbit-story a{display:inline-block;font-size:12px;color:#d9e5ff;margin-top:14px;border-bottom:1px solid #7891bd;padding-bottom:2px}
.orbit-story a::after{content:" ↗"}
.orbit-help{position:absolute;bottom:-29px;left:0;right:0;text-align:center;font-size:12px;color:#7f91b0;letter-spacing:.05em}
.index .intro-video-section{margin-top:38px;margin-bottom:80px;background:linear-gradient(120deg,#141e30,#0d1423);border-color:#33425f;border-radius:14px;position:relative;overflow:hidden}
.index .intro-video-section::before{content:"";position:absolute;top:0;left:42px;right:42px;height:1px;background:linear-gradient(90deg,#9db6ff66,transparent)}
.index .intro-video-meta span{background:#16253d;color:#bbccf1;border-color:#3d5178;font-size:12px}
.index .intro-video-copy h2{font-size:36px}
.index .intro-video-figure{position:relative}
.index .intro-video-screen{border-radius:9px}
.index .intro-video-figure figcaption a{color:#c2d2f4}
.index .signature-route,.index .signature-library{border-color:#ffffff19}
.index .signature-heading h2{font-size:36px}
.index .signature-tabs{gap:9px;border:0}
.index .signature-tabs a{border:1px solid #2b3952;border-radius:9px;background:#10192a;padding:19px 20px;transition:background .3s,transform .3s,border-color .3s}
.index .signature-tabs a:hover{transform:translateY(-3px);border-color:#8096c5}
.index .signature-tabs a[aria-selected=true]{background:linear-gradient(135deg,#2b3f70,#182844);color:#fff;border-color:#96b3ff}
.index .signature-case{gap:55px;min-height:360px}
.case-visual{min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid #304364;border-radius:12px;background:radial-gradient(ellipse at 70% 95%,#293c713f,transparent 70%),linear-gradient(140deg,#142035,#0b1425);isolation:isolate}
.case-visual::before,.case-visual::after{content:"";position:absolute;width:210px;height:210px;border:1px solid #708fbd38;border-radius:50%;z-index:-1}
.case-visual::before{transform:translate(-50px,-25px)}.case-visual::after{transform:translate(50px,25px)}
.case-visual>small{font-size:12px;letter-spacing:.2em;color:#a0b4dd;margin-bottom:24px}
.case-visual>strong{font:500 64px/1.4 var(--serif);color:#d0dfff;letter-spacing:.06em;text-shadow:0 0 45px #6a96ff45}
.case-visual>p{font-size:14px;letter-spacing:.18em;color:#b1c3e5;margin-top:24px}
.case-visual>span{font-size:12px;color:#8a9dc1;margin-top:10px}
.case-visual.visual-law{background:radial-gradient(ellipse at 25% 10%,#58617e44,transparent 75%),#0d1728}
.case-visual.visual-work::before{border-radius:8px;rotate:45deg}.case-visual.visual-work::after{border-radius:8px;rotate:45deg}
.case-visual.visual-explore{background:radial-gradient(ellipse at 75% 10%,#6459b149,transparent 75%),#0e172b}
.index .case-copy h3{font-size:30px}.index .case-fact strong{color:#cedbff}
.index .signature-route-note{color:#91a3c1}
.index .signature-library{position:relative;padding-bottom:35px}
.index .signature-library::before{content:"";position:absolute;left:10%;right:0;top:150px;bottom:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,#28458a2b,transparent 70%)}
.index .shelf-controls button{border-color:#34435f;color:#b2c0dc;font-size:13px}
.index .shelf-controls button[aria-pressed=true]{background:#cedbff;color:#152342;border-color:#cedbff}
.index .signature-shelf{perspective:1500px;gap:25px}
.index .signature-cover{border-radius:3px 8px 8px 3px;border-left:5px solid #ffffff2b;transform-origin:0 50%;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .5s;box-shadow:5px 8px 25px #0004,inset 3px 0 5px #0002;min-height:238px}
.index .signature-book:hover .signature-cover,.index .signature-book:focus-visible .signature-cover{transform:perspective(700px) rotateY(-18deg) translateY(-8px);box-shadow:18px 15px 35px #0008,0 0 25px #88a5ff1f}
.index .signature-book-caption b{color:#b6caff;display:inline-block;transition:transform .25s}
.index .signature-book:hover .signature-book-caption b{transform:translateX(5px)}
.index .cover-savior{background:linear-gradient(145deg,#304c7a,#162746)}.index .cover-ordinary{background:linear-gradient(145deg,#d8dce9,#9cafcf);color:#172a49}.index .cover-awareness{background:linear-gradient(145deg,#524874,#252d51)}.index .cover-destiny{background:linear-gradient(145deg,#c1b8c8,#9faecb);color:#223148}.index .cover-sutra{background:linear-gradient(145deg,#d8e2e6,#a2bbca);color:#233e51}
.index .home-intro{grid-template-columns:310px minmax(0,1fr);gap:75px;margin:55px 0 90px}
.index .home-photo img{height:385px;object-position:center 25%;border-radius:10px}
.index .home-photo figcaption{color:#99acc8}
.index .home-intro h2{font-size:35px}
.home-verse{position:relative;text-align:center;margin:70px 0 95px;padding:55px 20px;border-top:1px solid #29354a;border-bottom:1px solid #29354a;overflow:hidden}
.home-verse::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#1d367352,transparent 65%)}
.home-verse blockquote{font:500 42px/1.8 var(--serif);letter-spacing:.12em;margin:20px 0}
.home-verse figcaption{font-size:13px;color:var(--muted)}
.verse-links{display:flex;gap:30px;justify-content:center;margin-top:28px}
.verse-links a{font-size:14px;color:#bbcced;border-bottom:1px solid #455779;padding-bottom:3px}
.index .home-closing{border:1px solid #2e3d58;border-radius:12px;background:linear-gradient(120deg,#14233a,#101727);padding:37px 40px}
.index .home-closing h2{font-size:31px}
.index .sound-dock{background:#101827ed;border-color:#405170;box-shadow:0 4px 30px #0005;color:#dce6fc;backdrop-filter:blur(16px)}
.index .ambient-toggle,.index .sound-icon,.index .sound-more{color:#d1dfff}
.index .site-footer{border-color:#ffffff19}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#8caefe,#c6a9eb);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
.motion-switch{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:25px;padding:6px 13px;font-size:12px;line-height:1.5;white-space:nowrap}
.motion-switch:hover{color:var(--ink);border-color:var(--blue)}
.page-tools{display:flex;align-items:center;gap:20px;margin-top:24px;font-size:13px;color:var(--muted)}
.back-to-top{border:0;background:none;color:var(--blue);font-size:13px;padding:5px 0}
.image-zoom-button{position:relative;display:block;width:100%;border:0;background:transparent;padding:0;text-align:left;overflow:hidden;border-radius:inherit;cursor:zoom-in;color:#fff}
.image-zoom-button::after{content:"查看大图 ＋";position:absolute;bottom:14px;right:14px;padding:7px 12px;border:1px solid #ffffff70;background:#0c162ab8;backdrop-filter:blur(8px);font:12px/1.5 var(--sans);border-radius:5px;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}
.image-zoom-button:hover::after,.image-zoom-button:focus-visible::after{opacity:1;transform:none}
.image-zoom-button img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.image-zoom-button:hover img{transform:scale(1.025)}
.photo-viewer{border:1px solid #536384;color:#eef2ff;background:#0c1220;border-radius:12px;width:min(1080px,calc(100vw - 32px));max-height:94dvh;padding:18px 24px 22px;box-shadow:0 25px 100px #0009;overflow:auto}
.photo-viewer::backdrop{background:#020711e8;backdrop-filter:blur(13px)}
.photo-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;font-size:13px;color:#a4b6d3}
.photo-viewer-close{border:1px solid #516181;border-radius:50%;width:36px;height:36px;background:#172237;color:#fff;font-size:24px;line-height:1}
.photo-viewer-image{width:100%;max-height:68dvh;object-fit:contain;border-radius:3px}
.photo-viewer-caption{font-size:14px;line-height:1.8;color:#c7d4e9;margin:16px 0 0}
.photo-viewer-nav{display:flex;justify-content:center;gap:18px;margin-top:17px}
.photo-viewer-nav button{border:1px solid #526687;background:#172439;color:#eef3ff;padding:7px 20px;border-radius:5px;font-size:13px}
.photo-viewer-nav button:hover{background:#30496f}
.photo-open{overflow:hidden}
[data-motion=on] .orbit-card{animation:cardFloat 7s ease-in-out var(--float) infinite}
[data-motion=on] .orbit-glow{animation:glowBreathe 9s ease-in-out infinite alternate}
[data-motion=on] .orbit-star{animation:starBreathe 5s ease-in-out infinite alternate}
[data-motion=on] .reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
[data-motion=on] .reveal-ready.is-revealed{opacity:1;transform:none}
[data-motion=on] .signature-case:not([hidden]),[data-motion=on] .book-detail:not([hidden]){animation:panelEnter .45s ease both}
[data-motion=on] .orbit-story.is-changing{animation:panelEnter .4s ease both}
[data-motion=off] *,[data-suspended=true] *{animation-play-state:paused!important}
[data-motion=off] .reveal-ready{opacity:1;transform:none;transition:none}
[data-motion=off] .orbit-card,[data-motion=off] .orbit-story{transform:none!important}
[data-motion=off] .signature-cover,[data-motion=off] .image-zoom-button img{transform:none!important}
html[data-motion=off]{scroll-behavior:auto}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation:none!important;transition:none!important}
[data-suspended=true] *::before,[data-suspended=true] *::after{animation-play-state:paused!important}
@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes glowBreathe{from{transform:scale(.9);opacity:.6}to{transform:scale(1.12);opacity:.9}}
@keyframes starBreathe{from{opacity:.3}to{opacity:1}}
@keyframes panelEnter{from{opacity:.5;translate:0 9px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.index .home-hero{gap:25px}.orbit-card{min-width:114px;padding:12px 14px}.orbit-card strong{font-size:20px}.orbit-story{left:7%;width:86%;padding:23px}.index .signature-shelf{gap:16px}.index .home-intro{gap:40px;grid-template-columns:280px 1fr}.index .header-links{gap:18px}}
@media(max-width:850px) and (min-width:761px){.index .home-hero{grid-template-columns:1fr}.orbit-stage{max-width:550px;width:100%;margin:0 auto}.index .hero-description{max-width:630px}.index .home-hero h1{font-size:48px}}
@media(max-width:760px){.index .home-hero{grid-template-columns:1fr;padding:32px 0 24px;gap:35px;min-height:0}.index .home-hero h1{font-size:36px;line-height:1.5;margin:24px 0 20px}.index .hero-avatar{width:84px;flex-basis:84px;height:96px}.index .hero-name{font-size:27px}.index .hero-description{font-size:16px}.index .hero-actions{gap:16px 22px;margin-top:24px}.index .hero-footnote{font-size:11px}.index .hero-footnote>span{max-width:210px}.orbit-stage{min-height:450px;margin:5px -5px 24px}.orbit-card{min-width:116px;padding:11px 13px;border-radius:8px}.orbit-card strong{font-size:20px}.orbit-card small,.orbit-card span{font-size:11px}.orbit-card[data-orbit=law]{top:46px;left:1%}.orbit-card[data-orbit=military]{top:68px;right:0}.orbit-card[data-orbit=work]{left:1%;bottom:10px}.orbit-card[data-orbit=life]{right:1%;bottom:-7px}.orbit-story{top:165px;left:7%;width:86%;min-height:175px;max-height:192px;padding:18px 20px}.orbit-story h2{font-size:24px;margin:7px 0}.orbit-story .orbit-description{font-size:13px}.orbit-story a{margin-top:10px}.orbit-heading,.orbit-help{font-size:11px}.orbit-help{bottom:-39px}.index .intro-video-section{margin-top:28px;margin-bottom:55px;border-radius:10px;padding:25px 23px}.index .intro-video-copy h2{font-size:29px}.index .signature-heading h2{font-size:29px}.index .signature-heading>p{font-size:14px}.index .signature-tabs{gap:6px}.index .signature-tabs a{padding:13px 8px}.index .signature-tabs a>span{font-size:21px}.index .signature-tabs .case-trait{font-size:12px}.index .signature-tabs small{font-size:11px}.index .signature-case{gap:24px}.case-visual{min-height:245px}.case-visual>strong{font-size:54px}.case-visual>small{margin-bottom:16px}.case-visual>p{margin-top:16px}.case-visual::before,.case-visual::after{width:150px;height:150px}.index .case-copy h3{font-size:28px}.index .signature-cover{min-height:0}.index .signature-shelf{gap:28px 20px}.index .signature-book-caption p{font-size:13px}.index .home-intro{grid-template-columns:1fr;gap:30px;margin:30px 0 55px}.index .home-photo{max-width:380px}.index .home-photo img{height:380px}.index .home-intro h2{font-size:30px}.home-verse{margin:40px 0 55px;padding:37px 12px}.home-verse blockquote{font-size:29px;letter-spacing:.06em}.verse-links{gap:18px;flex-wrap:wrap}.verse-links a{font-size:13px}.index .home-closing{padding:28px 25px}.index .home-closing h2{font-size:27px}.photo-viewer{padding:13px 15px 18px}.photo-viewer-image{max-height:65dvh}.photo-viewer-caption{font-size:13px}.photo-viewer-nav button{min-height:42px}.image-zoom-button::after{font-size:11px;opacity:1;transform:none}.page-tools{gap:17px}}
@media(max-width:360px){.index .home-hero h1{font-size:31px}.orbit-card{min-width:103px;padding:10px 11px}.orbit-card strong{font-size:18px}.orbit-story{left:3%;width:94%}.orbit-story h2{font-size:22px}.index .signature-tabs small{font-size:10px}.index .signature-tabs a{padding:11px 6px}.index .signature-tabs a>span{font-size:19px}.index .signature-cover h3{font-size:23px}.index .hero-footnote>span{max-width:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-card,.orbit-glow,.orbit-star,.signature-case,.book-detail,.orbit-story{animation:none!important}.reveal-ready{opacity:1!important;transform:none!important}.signature-cover,.image-zoom-button img{transition:none!important}}
@media(max-width:760px){
 .orbit-stage{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;min-height:0;padding:40px 2px 31px;margin-top:0}
 .orbit-stage>[role=tablist]{display:contents}
 .orbit-card{position:relative;width:92%;min-width:0;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;justify-self:center}
 .orbit-card[data-orbit=law]{grid-area:1/1;rotate:-4deg}.orbit-card[data-orbit=military]{grid-area:1/2;rotate:4deg}
 .orbit-card[data-orbit=work]{grid-area:3/1;rotate:3deg}.orbit-card[data-orbit=life]{grid-area:3/2;rotate:-3deg}
 .orbit-story{position:relative;grid-area:2/1/3/3;top:auto;left:auto;width:100%;min-height:0;max-height:none;padding:20px 22px}
 .orbit-story a{display:table}
 .orbit-help{bottom:-9px}
 .index .intro-video-copy h2{font-size:clamp(24px,7vw,29px)}
 .index .intro-video-copy h2 br{display:initial}
 .index .douyin-section-heading h2{font-size:29px}
}