*:where(:not(svg):not(svg *)){box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F8FC;color:#38445A;font:16px/1.78 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:#7566AB}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7566AB;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#202B43;line-height:1.35}h1{font-size:32px}h2{font-size:25px}h3{font-size:19px}p{margin-bottom:14px}.wrap{width:calc(100% - 56px);max-width:1160px;margin-inline:auto;min-width:0}.skip{position:absolute;left:-9999px;z-index:40;background:white;padding:8px}.skip:focus{left:12px;top:12px}.site-head{background:white;border-bottom:1px solid #E2E8F1}.head-line{display:flex;align-items:center;gap:32px;min-height:70px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#202B43}.brand img{height:28px;width:auto;max-width:160px;object-fit:contain}.brand strong{font-size:23px;letter-spacing:.06em}.brand small{color:#637189;font-size:10px;letter-spacing:.1em}.head-links{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:14px;white-space:nowrap}.head-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.desktop-service{font-size:14px}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#202B43;border-radius:10px;font-size:29px;line-height:1}.icon-btn:hover{background:#EEF3FA}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.js-menu{display:none}.no-js-menu{font-size:13px;color:#7566AB}.subnav{background:#EEF3FA;border-bottom:1px solid #E2E8F1}.subnav-line{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:15px;font-size:13px}.subnav-line>span{color:#637189}.subnav nav{display:flex;gap:28px;white-space:nowrap}.main-area{padding-top:32px;padding-bottom:68px}.eyebrow{display:inline-block;font-size:13px;font-weight:700;color:#7566AB;letter-spacing:.09em;margin-bottom:10px}.image-wrap{min-width:0;display:flex;align-items:center;justify-content:center;padding:9px;background:#EEF3FA;border-radius:12px;color:#637189;text-align:center}.image-wrap img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center}.image-fallback{flex-direction:column;font-weight:700;color:#7566AB;letter-spacing:.1em;gap:4px}.image-fallback span{font-size:11px;font-weight:400;color:#637189}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;align-items:center;padding:24px 0 36px}.hero h1{margin:2px 0 17px}.hero-copy>p{max-width:620px}.cover-image{max-height:260px;min-height:170px}.cover-image img{max-height:242px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:10px;font-size:14px;font-weight:700}.primary{background:#202B43;color:white}.primary:hover{background:#3d4763;color:white}.secondary{border:1px solid #CED8E6;background:white;color:#202B43}.home-section{margin-top:54px}.pick-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:27px;background:white;border:1px solid #E2E8F1;border-radius:12px;padding:19px 22px}.pick-image{max-height:170px;min-height:130px}.pick-image img{max-height:150px}.pick-strip h2{margin-bottom:8px}.text-link,.genre-card>a,.maker-card a,.editorial-row a,.ending a{color:#63529c;font-weight:700;font-size:14px}.section-title{margin-bottom:21px}.section-title h2{margin-bottom:4px}.section-title p{color:#637189;margin:0}.genre-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.genre-card{min-width:0;background:white;border:1px solid #E2E8F1;border-radius:12px;padding:14px 17px 20px;display:flex;flex-direction:column}.genre-card .image-wrap{height:145px;margin-bottom:13px}.genre-card .image-wrap img{max-height:127px}.genre-card h3{margin-bottom:9px}.genre-card p{font-size:14px;line-height:1.75}.genre-card a{margin-top:auto}.duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px}.maker-card{background:white;border:1px solid #E2E8F1;padding:19px;border-radius:12px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:17px;align-items:start}.maker-card.minor{grid-template-columns:1fr}.maker-card .image-wrap{max-height:175px;min-height:100px}.maker-card .image-wrap img{max-height:155px}.maker-card h3{margin:0 0 9px}.maker-card p{font-size:14px}.magazine{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.8fr) minmax(0,1.3fr);gap:22px;align-items:center;border-top:1px solid #D9E7F6;border-bottom:1px solid #D9E7F6;padding:27px 0}.magazine-head h2{margin-bottom:9px}.sheet-image{max-height:200px;min-height:120px}.sheet-image img{max-height:182px}.magazine-list{display:grid}.magazine-list a{display:grid;grid-template-columns:38px 1fr;column-gap:10px;padding:9px 0;border-bottom:1px solid #E2E8F1}.magazine-list span{grid-row:span 2;color:#7566AB;font-weight:700}.magazine-list small{font-size:13px;color:#637189}.culture{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr);gap:26px;align-items:center}.culture p{max-width:740px}.culture .image-wrap{max-height:190px;min-height:130px}.culture img{max-height:170px}.editorial-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.editorial-row>div{padding:19px;background:#EEF3FA;border-radius:12px;min-width:0}.editorial-row .image-wrap{background:white;max-height:150px;margin-bottom:13px}.editorial-row img{max-height:132px}.editorial-row h2{font-size:22px}.editorial-row dl{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 10px;margin:0 0 12px}.editorial-row dt{font-weight:700;color:#202B43}.editorial-row dd{margin:0}.notebook{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:26px;align-items:center}.notebook .image-wrap{max-height:170px;min-height:115px}.notebook img{max-height:152px}.mobile-service{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:34px;align-items:center;background:white;padding:26px;border:1px solid #E2E8F1;border-radius:12px}.service-poster{display:flex;justify-content:center}.app-image{max-height:340px;max-width:210px;min-height:190px;width:100%}.app-image img{max-height:320px}.ending{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ending>div{border-top:3px solid #D9E7F6;padding:16px 0}.ending h2{font-size:20px}.ending p{font-size:14px}.home-faq{margin-top:25px;padding:20px;background:#EEF3FA;border-radius:12px}.home-faq h2{font-size:20px}.home-faq>div{display:flex;flex-wrap:wrap;gap:10px 30px}.home-faq a{font-size:14px;color:#63529c}.article-heading{max-width:790px;margin:5px 0 20px}.article-heading h1{margin-bottom:12px}.lead{font-size:18px;color:#637189}.article-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);align-items:center;gap:26px;margin-bottom:35px;background:#EEF3FA;border-radius:12px;padding:18px}.article-intro .image-wrap{max-height:230px;min-height:130px;background:white}.article-intro img{max-height:210px}.article-intro h2{font-size:21px}.article-centered{display:flex;justify-content:center;margin:12px 0 32px}.article-centered .image-wrap{width:min(100%,610px);max-height:245px;min-height:125px}.article-centered img{max-height:225px}.article-intro.compact{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.article-body{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}.type-c .article-body{grid-template-columns:minmax(0,.28fr) minmax(0,.72fr)}.toc{background:white;border:1px solid #E2E8F1;padding:16px;border-radius:12px;align-self:start;display:grid;gap:8px;font-size:14px}.toc strong{color:#202B43}.toc a{border-bottom:1px solid #E2E8F1;padding:5px 0;color:#63529c}.prose{min-width:0;max-width:820px}.type-b .prose{max-width:930px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px}.type-b .prose>.reading-tip,.type-b .prose>.conclusion{grid-column:1/-1}.prose section{margin-bottom:27px}.prose h2{font-size:24px;margin-bottom:10px}.prose p{margin:0 0 14px}.reading-tip{background:#EEF3FA;border-left:3px solid #7566AB;padding:14px 18px;margin-bottom:25px;border-radius:0 10px 10px 0}.reading-tip strong{color:#202B43}.reading-tip p{margin:6px 0 0}.conclusion{color:#637189}.related{margin-top:36px;padding-top:19px;border-top:1px solid #E2E8F1}.related h2{font-size:20px}.related>div{display:flex;flex-wrap:wrap;gap:12px}.related a{background:white;padding:10px 17px;min-height:44px;border:1px solid #E2E8F1;border-radius:10px;color:#63529c}.faq-list{max-width:900px;display:grid;gap:13px}.faq-list section{background:white;border:1px solid #E2E8F1;padding:18px 22px;border-radius:12px}.faq-list h2{display:flex;gap:12px;font-size:20px;margin-bottom:9px}.faq-list h2 span{color:#7566AB;font-size:14px;padding-top:3px}.faq-list p{margin:0}.site-footer{background:#202B43;color:#F7F8FC;padding:38px 0 34px}.footer-intro{border-bottom:1px solid #475168;padding-bottom:18px}.footer-brand{color:white;font-size:20px;font-weight:700}.footer-brand small{display:inline-block;font-size:11px;font-weight:400;letter-spacing:.13em;margin-left:8px}.footer-intro p{font-size:13px;color:#d3dae7;margin:10px 0 0}.footer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:24px}.footer-grid>div{display:flex;flex-direction:column;gap:5px}.footer-grid h2{font-size:15px;color:#fff;margin-bottom:8px}.footer-grid a{color:#d3dae7;font-size:13px}.footer-grid a:hover{color:white;text-decoration:underline}.phone-end{display:none}.overlay[hidden]{display:none!important}.overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;pointer-events:auto}.overlay-shade{position:absolute;inset:0;background:rgba(25,32,49,.67)}.overlay-panel{position:relative;background:#F7F8FC;border-radius:12px;width:min(100%,700px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 80px #0003}.menu-panel{width:min(100%,850px)}.overlay-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #E2E8F1}.overlay-top strong{color:#202B43}.overlay-top small{color:#637189;font-size:11px}.overlay-content{overflow-y:auto;overscroll-behavior:contain;padding:20px;min-height:0}.menu-group{margin-bottom:20px}.menu-group h2{font-size:18px;padding-bottom:6px;border-bottom:1px solid #D9E7F6}.menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.menu-links a,.menu-home{display:flex;align-items:center;min-height:44px;padding:8px 12px;background:white;border:1px solid #E2E8F1;border-radius:8px;font-size:15px}.menu-home{color:#63529c}.search-panel label{display:block;font-weight:700;color:#202B43;margin-bottom:8px}.search-panel input{width:100%;border:1px solid #BAC7DA;border-radius:10px;padding:11px 13px;background:white;min-height:46px}.search-panel p{font-size:14px;color:#637189;margin-top:12px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.search-results a{border:1px solid #E2E8F1;background:white;border-radius:8px;padding:8px 12px;min-height:44px}@media(max-width:1024px){.wrap{width:calc(100% - 44px)}.head-line{gap:15px}.head-links{gap:14px}.head-links a:nth-child(n+3){display:none}.js-menu{display:inline-grid}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duo{grid-template-columns:1fr}.maker-card.minor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.magazine{grid-template-columns:1fr 1fr}.magazine-list{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.magazine-list a{grid-template-columns:28px 1fr}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.wrap{width:calc(100% - 32px)}.head-line{min-height:60px}.brand small,.head-links,.desktop-service,.subnav{display:none}.head-actions{margin-left:auto;gap:0}.main-area{padding-top:22px;padding-bottom:42px}.hero,.pick-strip,.culture,.notebook,.mobile-service,.article-intro,.article-intro.compact,.type-c .article-body{grid-template-columns:1fr}.hero{gap:15px}.hero .cover-image{max-height:220px;min-height:100px}.hero img{max-height:202px}.home-section{margin-top:36px}.pick-strip{padding:16px}.pick-image{max-height:160px}.genre-grid{grid-template-columns:1fr}.genre-card .image-wrap{height:auto;max-height:155px;min-height:110px}.genre-card img{max-height:135px}.maker-card,.maker-card.minor{grid-template-columns:1fr}.maker-card .image-wrap{max-height:150px}.magazine{grid-template-columns:1fr;gap:12px}.magazine-list{grid-column:auto;grid-template-columns:1fr}.culture .image-wrap,.notebook .image-wrap{max-height:160px}.editorial-row{grid-template-columns:1fr}.mobile-service{padding:18px;gap:16px}.app-image{max-height:340px}.ending{grid-template-columns:1fr;gap:0}.ending>div{padding:13px 0}.type-b .prose{display:block}.toc{position:static}.article-intro .image-wrap{max-height:200px}.article-heading h1{font-size:28px}.prose h2{font-size:22px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-end{display:flex;gap:20px;border-top:1px solid #475168;margin-top:25px;padding-top:17px;font-size:14px}.phone-end a{color:white;min-height:44px;display:flex;align-items:center}}@media(max-width:480px){.menu-links,.search-results{grid-template-columns:1fr}.overlay{padding:0}.overlay-panel{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.article-intro{padding:14px}.genre-card{padding:15px}.faq-list section{padding:16px}.footer-grid{gap:18px 12px}.footer-brand small{display:block;margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}