 :root{--night-black:#0C0B13;--nav-black:#191523;--panel-black:#272139;--plum-dark:#41235A;--brand-purple:#8656C8;--action-purple:#6634A4;--action-hover:#4E2682;--lavender:#D8C1F2;--lilac-pale:#F3EBFA;--paper:#FAF8FC;--paper-white:#FFFFFF;--paper-gray:#F4F1F7;--border:#E6DDEB;--title-dark:#241D30;--text-dark:#494153;--muted-dark:#645C6D;--title-night:#FAF7FF;--text-night:#EDE7F5;--mint:#3E887F;--steel-blue:#7095B7;--rose:#CF739D;--champagne:#D8B36B}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text-dark);font:16px/1.78 system-ui,-apple-system,'Microsoft YaHei',sans-serif}a{color:#5a298f;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;object-fit:contain;object-position:center}p{margin:.6em 0 1.2em}h1,h2,h3{line-height:1.35;color:var(--title-dark);letter-spacing:-.015em}h1{font-size:clamp(28px,3vw,40px)}h2{font-size:clamp(21px,2.2vw,27px)}h3{font-size:18px}h1,h2,h3{margin:0 0 .6em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3E887F;outline-offset:3px}.container{max-width:1260px;margin:0 auto;padding:0 30px}.topstrip{background:var(--night-black);color:#EDE7F5;font-size:12px}.topstrip-inner{display:flex;justify-content:space-between;gap:15px;padding-top:5px;padding-bottom:5px}.topstrip a{color:#EDE7F5;margin-left:15px}.site-header{background:var(--nav-black);color:white}.main-nav{display:flex;align-items:center;gap:30px;min-height:70px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;color:white;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:#D8C1F2;line-height:1}.brand-logo{width:95px;max-height:48px}.desktop-nav{display:flex;gap:20px;flex:1;justify-content:center}.desktop-nav a{color:#EDE7F5;padding:22px 1px 17px;border-bottom:3px solid transparent}.desktop-nav a[aria-current=page],.desktop-nav a:hover{border-color:var(--lavender);text-decoration:none}.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}.nav-actions a{color:white}.nav-actions button{border:1px solid #69577b;color:white;background:transparent;border-radius:8px;padding:7px 11px}.topic-rail{background:var(--lilac-pale);border-bottom:1px solid var(--border)}.rail-inner{display:flex;overflow-x:auto;white-space:nowrap;gap:27px;padding-top:8px;padding-bottom:8px;font-size:13px}.rail-inner a{color:#554365}.skip{position:absolute;transform:translateY(-150%);z-index:999;background:white;padding:8px}.skip:focus{transform:translateY(0)}.section{padding-top:52px;padding-bottom:64px}.section-small{padding-top:34px;padding-bottom:30px}.page-heading{max-width:810px;margin-bottom:30px}.page-heading>p{font-size:18px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;color:#68408c}.hero{background:linear-gradient(110deg,#191523,#41235A);color:white;border-radius:18px;display:grid;grid-template-columns:42% 58%;min-height:355px;overflow:hidden}.hero h1,.hero h2{color:white}.hero-copy{padding:45px 40px;align-self:center}.hero-copy p{color:#e8ddf2}.hero-media{display:flex;align-items:center;justify-content:center;background:#302244;min-width:0}.hero-media img{max-height:390px}.button{display:inline-block;color:white;background:var(--action-purple);padding:11px 22px;border:0;border-radius:9px;font-weight:700}.button:hover{background:var(--action-hover);color:white;text-decoration:none}.button.soft{background:#eee4f9;color:#452269}.button.alt{background:#e2c38e;color:#302139}.button:disabled{opacity:.6;cursor:not-allowed}.hero .button{margin-right:9px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.quick-link{border:1px solid var(--border);background:white;border-radius:12px;padding:16px 19px;display:block}.quick-link strong{display:block;font-size:18px}.quick-link span{display:block;font-size:13px;color:var(--muted-dark)}.home-columns{display:grid;grid-template-columns:170px minmax(0,1fr) 245px;gap:20px;margin-top:38px}.side-panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;align-self:start}.side-panel h2{font-size:18px}.side-panel a{display:block;border-bottom:1px solid var(--border);padding:7px 0;font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.article-card{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden;min-width:0}.card-body{padding:19px}.article-card h3{margin:.35em 0}.article-card h3 a{color:#2f243c}.article-card p{font-size:14px;color:#5e5565}.card-image{display:block;width:100%;max-height:210px;object-fit:contain;background:#f2eaf7}.text-link{font-weight:700;font-size:14px}.feature-wide{display:grid;grid-template-columns:1fr 38%;gap:25px;background:#fff;border:1px solid var(--border);border-radius:15px;padding:28px;align-items:center}.feature-media{max-height:280px;width:100%;background:#f0eafa;border-radius:12px}.reading-note,.light-panel{border:1px solid var(--border);background:var(--lilac-pale);border-radius:14px;padding:24px}.editorial-section{margin:35px 0;padding:32px 0;border-top:1px solid var(--border)}.editorial-section:nth-child(even){background:#f4f0f8;border-radius:14px;padding:30px 24px}.editorial-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.editorial-head a{white-space:nowrap;font-size:14px}.media-title{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center;margin-bottom:18px}.media-title img{max-height:135px;border-radius:9px;background:#eee6f5}.listing{margin:0;padding:0;list-style:none}.listing li{padding:13px 0;border-bottom:1px solid var(--border)}.listing a{font-weight:650}.listing small{display:block;color:#625b6c}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;gap:45px;justify-content:center}.article-copy{background:#fff;border-radius:14px;padding:34px;border:1px solid var(--border)}.article-copy p{line-height:1.86;font-size:17px}.article-copy h1{font-size:clamp(27px,3vw,38px)}.breadcrumb{font-size:13px;margin-bottom:17px}.metadata{color:#655c6c;font-size:13px;margin-bottom:25px}.article-side{align-self:start}.article-side .side-panel{position:sticky;top:25px}.forum-list{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden}.forum-row{padding:20px;border-bottom:1px solid var(--border)}.forum-row:last-child{border:0}.forum-row h3{margin:0 0 5px}.forum-row p{margin:0}.forum-board-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.form-wrap{max-width:720px;background:white;border:1px solid var(--border);border-radius:13px;padding:28px}.field{display:block;margin:16px 0}.field span{display:block;font-weight:700;margin-bottom:5px}.field input,.field textarea,.field select,.search-form input{width:100%;border:1px solid #a59aaf;border-radius:9px;background:white;padding:11px;color:#302a38}.field textarea{min-height:160px}.search-form{display:flex;gap:8px;max-width:730px}.notice{padding:14px 20px;background:#f3e9f8;border-left:4px solid var(--action-purple);border-radius:7px}.error{border-color:#a13f5a}.thread-body{white-space:pre-wrap;overflow-wrap:anywhere}.pagination{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.pagination a,.pagination strong{padding:7px 12px;border:1px solid var(--border);border-radius:6px}.site-footer{background:var(--night-black);color:var(--text-night);padding:48px 0 85px}.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.footer-grid h2{font-size:16px;color:#e9d9fd}.footer-grid a{display:block;color:#ded2e8;font-size:13px;margin:7px 0}.footer-last{border-top:1px solid #4b4057;margin-top:30px;padding-top:18px;display:flex;gap:20px;justify-content:space-between;font-size:12px}.mobile-bottom{display:none}.drawer-overlay{position:fixed;inset:0;background:#0009;z-index:80}.mobile-menu{position:fixed;z-index:81;right:0;top:0;height:100dvh;max-width:88vw;width:340px;background:white;box-shadow:-5px 0 35px #0004;padding:20px;overflow-y:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{background:transparent;border:0;font-size:23px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:20px}.drawer-links a{border-bottom:1px solid var(--border);padding:8px 0;font-size:14px}body.menu-open{overflow:hidden}[hidden]{display:none!important}@media(max-width:1199px){.home-columns{grid-template-columns:1fr}.home-columns .side-panel{display:none}.desktop-nav{gap:11px}.brand{font-size:20px}}@media(max-width:800px){.container{padding-left:19px;padding-right:19px}.desktop-nav{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(3,1fr)}.article-layout{grid-template-columns:1fr}.article-side{display:none}}@media(max-width:560px){body{font-size:15px}.container{padding-left:16px;padding-right:16px}.topstrip-inner{font-size:10px}.topstrip-inner a{margin-left:4px}.main-nav{min-height:62px}.brand{font-size:21px}.brand-logo{width:60px}.nav-actions{gap:8px}.nav-actions .search-trigger span{display:none}.nav-actions button{font-size:12px}.section{padding-top:30px;padding-bottom:36px}.hero{display:flex;flex-direction:column}.hero-copy{padding:27px 22px}.hero-media{min-height:180px}.hero-media img{max-height:260px}.quick-grid,.forum-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-link{padding:12px}.quick-link strong{font-size:15px}.quick-link span{font-size:12px}.card-grid{grid-template-columns:1fr}.media-title{grid-template-columns:1fr}.media-title img{max-height:190px}.feature-wide{grid-template-columns:1fr;padding:18px}.article-copy{padding:21px}.article-copy p{font-size:16px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-last{display:block}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#191523;padding:9px 10px calc(9px + env(safe-area-inset-bottom));z-index:30;box-shadow:0 -4px 22px #0002}.mobile-bottom a{color:white;font-size:13px}.site-footer{padding-bottom:105px}.search-form{flex-wrap:wrap}.search-form input{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
