*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#3B1028;color:#fff;font:16px/1.8 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden}body.layer-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}.shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}:focus-visible{outline:3px solid #ff93b3;outline-offset:3px}a:hover{color:#ffb8d0}.site-header{position:fixed;z-index:40;inset:0 0 auto;box-shadow:0 8px 20px #21091655}.brand-strip{height:30px;background:#57142f;border-bottom:1px solid #ffbcd132}.strip-inner{height:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.04em}.brand-bar{height:62px;background:#57142f}.brand-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand-logo{justify-self:center;display:flex;align-items:center;font-size:23px;font-weight:900;white-space:nowrap}.brand-logo img{max-height:34px;width:auto;object-fit:contain}.icon-control{display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:1px solid #ffc2d73d;border-radius:50%;width:44px;height:44px;font-size:24px}.strip-inner .icon-control{height:28px;width:36px;border:0}.menu-toggle{justify-self:start}.app-entry{justify-self:end;border:1px solid #ffbbd25d;border-radius:30px;background:#75183b;padding:5px 15px;font-size:14px;min-height:44px;display:flex;align-items:center}.channel-bar{height:44px;background:#270b1c;border-bottom:1px solid #ff93b360}.channels{height:100%;display:flex;justify-content:center;gap:clamp(18px,5vw,62px)}.channels a{height:100%;display:flex;align-items:center;font-size:14px;border-bottom:3px solid transparent;white-space:nowrap}.channels a.active,.channels a:hover{border-bottom-color:#f03479}.main-content{padding-top:164px;padding-bottom:66px;min-height:70vh}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ffb9d0;font-size:12px;font-weight:800;margin:0 0 13px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(28px,3.1vw,32px);line-height:1.3;margin:0 0 20px}h2{line-height:1.4}p{margin:0 0 16px;color:#ffe4ed}.home-hero,.page-lead{background:linear-gradient(135deg,#75183b,#57142f 65%,#3b1028);border:1px solid #ffc2d73d;border-radius:20px;box-shadow:0 14px 34px rgba(38,3,22,.24);padding:clamp(24px,4vw,46px);margin-top:20px}.home-hero h1{max-width:750px}.home-hero .hero-copy>p:not(.eyebrow){max-width:860px}.lead-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{min-height:44px;padding:10px 22px;border-radius:100px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.button.primary{background:linear-gradient(135deg,#F03479 0%,#D91E64 52%,#B91543 100%);color:white}.button.secondary{border:1px solid #ffbbd266;background:#57142f;color:white}.hero-art{margin-top:30px}.hero-image{width:100%;max-height:340px;object-fit:contain;border-radius:16px;background:#57142f}.image-fallback{min-height:150px;aspect-ratio:16/6;background:radial-gradient(circle at 70% 20%,#d91e645c,transparent 50%),linear-gradient(130deg,#75183b,#3b1028);border:1px solid #ffb6d140;border-radius:16px}.home-section{margin-top:64px}.section-title{margin-bottom:25px}.section-title h2,.closing-section h2{font-size:clamp(24px,2.8vw,30px);margin:0 0 10px}.tag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tag-item,.mini-card,.topic-tile{border:1px solid #ffc2d73d;background:#57142f;border-radius:16px;padding:20px;display:flex;flex-direction:column;min-height:168px;transition:transform .2s,border-color .2s}.tag-item:hover,.topic-tile:hover,.mini-card:hover{transform:translateY(-3px);border-color:#ff93b3}.tag-item strong{font-size:18px}.tag-item span:not(.dot){font-size:14px;color:#ffe4ed}.tag-item b{margin-top:auto;text-align:right}.dot{height:8px;width:8px;border-radius:50%;margin-bottom:12px;background:#d9234e}.dot-1{background:#f03479}.dot-2{background:#ff93b3}.section-media{margin:20px 0}.section-media img,.picture-frame img{display:block;width:100%;max-height:310px;object-fit:contain;background:#57142f;border-radius:17px}.feature-copy{max-width:900px;margin:22px 0 28px}.number-list,.rank-list,.file-list{display:grid;gap:10px}.number-list>a,.rank-list>a,.file-list>a{display:flex;align-items:center;gap:18px;padding:15px 20px;min-height:74px;background:#57142f;border:1px solid #ffb6d13b;border-radius:15px}.number-list b,.rank-list b{font-size:30px;line-height:1;color:#ff93b3;min-width:48px}.number-list span,.file-list small{color:#f5c4d4;font-size:14px}.number-list em,.rank-list em{font-size:13px;font-style:normal;margin-left:auto;white-space:nowrap}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.image-card{border:1px solid #ffb6d13b;border-radius:18px;overflow:hidden;background:#57142f}.image-card .feature-image,.image-card .image-fallback{height:150px;width:100%;object-fit:contain;border-radius:0}.card-copy{padding:19px}.card-copy h3{margin:0 0 10px}.card-copy a,.mini-card a,.timeline a{color:#ffc1d8;font-weight:700}.four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mini-card{min-height:195px}.mini-card h3{margin:0 0 8px}.mini-card a{margin-top:auto}.six-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-tile{min-height:136px;justify-content:space-between;font-size:18px}.topic-tile span{font-size:13px;color:#f5c4d4}.folder-icon{font-size:27px;color:#ff93b3}.file-list a>span:nth-child(2){display:flex;flex-direction:column}.file-list b{margin-left:auto}.rank-list a span{font-weight:700}.timeline{border-left:2px solid #f03479;margin-left:14px;padding-left:27px;display:grid;gap:15px}.timeline article{position:relative;background:#57142f;border-radius:16px;padding:22px;border:1px solid #ffc2d73d}.timeline article:before{content:'';position:absolute;left:-36px;top:22px;border:4px solid #3b1028;background:#f03479;width:10px;height:10px;border-radius:50%}.status{display:inline-block;border:1px solid #ff93b377;border-radius:100px;padding:1px 12px;font-size:12px;color:#ffe4ed;font-weight:500}.timeline h3{margin:8px 0}.app-feature{background:#57142f;border-radius:18px;padding:25px;border:1px solid #ffc2d73d}.app-icon{max-width:70px;max-height:70px;object-fit:contain;margin-bottom:10px;border-radius:14px}.closing-section{background:#57142f;border:1px solid #ffc2d73d;border-radius:18px;padding:30px}.chip-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.chip-links a,.search-links a{border:1px solid #ffc2d773;background:#75183b;border-radius:999px;padding:8px 16px;min-height:44px;display:inline-flex;align-items:center}.page-lead h2{font-size:24px;margin:0 0 15px}.page-lead>div>p:not(.eyebrow){max-width:920px}.content-picture{margin:24px 0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:start}.reading-body{min-width:0}.text-section{background:#57142f;border:1px solid #ffc2d73d;border-radius:18px;padding:25px;margin:0 0 18px}.text-section h2{font-size:22px;margin:0 0 15px}.text-section p:last-child{margin-bottom:0}.reading-aside{background:#75183b;border:1px solid #ffc2d73d;padding:20px;border-radius:18px;position:sticky;top:156px}.reading-aside h2{font-size:20px;margin:0 0 8px}.aside-link{display:block;padding:9px 0;border-bottom:1px solid #ffc2d744}.end-links{margin:38px 0;background:#57142f;border-radius:18px;padding:25px}.end-links h2{margin-top:0}.faq-list{display:grid;gap:15px;margin-top:30px}.faq-item{background:#57142f;border-radius:18px;padding:24px;border:1px solid #ffc2d73d}.faq-item h2{font-size:20px;margin:0 0 12px}.faq-item h2 span{color:#ff93b3;margin-right:10px}.site-footer{background:#270b1c;border-top:1px solid #ffc2d73a;padding:45px 0 30px}.footer-brand{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-brand img{max-height:34px;object-fit:contain;width:auto}.footer-brand span{font-size:12px;letter-spacing:.15em;color:#f5c4d4}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:30px 0}.footer-grid h2{font-size:16px;margin:0 0 14px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:8px;font-size:14px}.footer-note{border-top:1px solid #ffc2d738;padding-top:20px;font-size:14px}.copyright{font-size:13px;color:#f5c4d4}.mobile-bottom{display:none}.overlay{position:fixed;inset:0;z-index:70;background:#160511c9}.overlay[hidden]{display:none}.menu-panel,.search-panel{position:fixed;z-index:80;visibility:hidden;pointer-events:none;opacity:0;transition:transform .24s,opacity .24s,visibility .24s;background:#3b1028;border:1px solid #ffc2d760;box-shadow:0 14px 34px #26031666}.menu-panel{top:12px;left:50%;width:min(700px,94vw);max-height:calc(100dvh - 24px);border-radius:20px;transform:translate(-50%,-35px);display:flex;flex-direction:column}.menu-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translate(-50%,0)}.panel-heading,.search-head{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #ffc2d744}.panel-brand{display:flex;align-items:center;gap:12px}.panel-brand img{max-height:32px;width:auto}.close-control{border:1px solid #ffc2d75a;background:#75183b;color:#fff;border-radius:50%;width:44px;height:44px;font-size:26px;line-height:1}.menu-scroll{overflow-y:auto;overscroll-behavior:contain;padding:14px 20px 25px}.menu-group h2{font-size:16px;color:#ffb9d0;margin:13px 0}.menu-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.menu-link-grid a{min-height:74px;background:#57142f;border-radius:13px;border:1px solid #ffc2d735;padding:10px 13px;display:flex;flex-direction:column}.menu-link-grid small{font-size:12px;color:#f5c4d4;line-height:1.5;margin-top:3px}.search-panel{top:100px;right:max(16px,calc((100vw - 1180px)/2));width:min(430px,calc(100% - 32px));border-radius:18px;transform:translateY(-14px);padding-bottom:20px}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.search-panel>p,.search-look,.search-links{margin:15px 22px}.search-head strong{font-size:20px}.search-look{display:flex;align-items:center;gap:12px;border:1px solid #ffc2d76a;padding:12px;border-radius:12px;color:#ffe4ed}.search-links{display:flex;flex-wrap:wrap;gap:9px}.skip-link{position:fixed;z-index:100;background:#57142f;padding:8px 16px;left:10px;top:-70px}.skip-link:focus{top:10px}@media(max-width:850px){.tag-grid,.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.reading-aside{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.channel-bar{display:none}.main-content{padding-top:108px;padding-bottom:95px}.brand-strip{height:30px}.brand-bar{height:62px}.brand-inner{gap:6px}.brand-logo img{max-width:145px}.brand-logo{font-size:19px}.app-entry{padding:6px 11px;font-size:12px}.home-hero,.page-lead{padding:22px;margin-top:16px}.home-section{margin-top:45px}.tag-grid,.four-grid,.six-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tag-item,.mini-card{padding:15px}.tag-item{min-height:175px}.mini-card{min-height:215px}.number-list>a{flex-wrap:wrap;gap:7px 12px}.number-list span{flex-basis:calc(100% - 65px)}.number-list em{margin-left:60px}.footer-grid{gap:15px}.mobile-bottom{position:fixed;z-index:45;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#270b1c;border-top:1px solid #ffc2d753}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;white-space:nowrap;min-width:0}.mobile-bottom a.active{color:#ff93b3;font-weight:800}.site-footer{padding-bottom:calc(45px + env(safe-area-inset-bottom))}.search-panel{inset:0;width:100%;height:100dvh;border-radius:0;right:0;top:0;overflow-y:auto;transform:translateY(-15px);background:#270b1c}.menu-panel{top:8px;max-height:calc(100dvh - 16px)}.menu-link-grid{grid-template-columns:1fr 1fr;gap:7px}.menu-scroll{padding:10px}.menu-link-grid a{padding:10px;min-height:90px}.text-section{padding:19px}.footer-brand{gap:10px}}@media(max-width:360px){.tag-grid,.four-grid,.six-grid{grid-template-columns:1fr}.menu-link-grid{grid-template-columns:1fr}.app-entry{padding:4px 7px}.brand-logo{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}