@charset "UTF-8";:root{--rose:#087E97;--rose-2:#169BB1;--rose-light:#A5DFE8;--rose-soft:#E1F5F8;--cream:#F5F9FC;--cream-2:#EAF2F8;--cream-3:#DCE9F3;--mauve:#337A9D;--mauve-deep:#155B7E;--plum:#244966;--plum-dark:#102A43;--lavender:#8DA6B8;--lavender-soft:#E4EDF5;--peach:#3A9FC2;--peach-soft:#DDF2F9;--sage:#3B9D9A;--sage-soft:#DCF3EF;--ink:#172D40;--ink-2:#425D70;--ink-3:#71899B;--surface:#fff;--line:rgba(36,73,102,.14);--shadow:0 8px 28px rgba(16,42,67,.08);--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.75 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 56px));margin:auto}.eyebrow,.pagehero small,.heading small,.extra-section>small{font-size:10px;letter-spacing:.17em;font-weight:800;color:var(--rose);text-transform:uppercase}.logo{display:flex;align-items:center;gap:10px;font-weight:850;font-size:17px;white-space:nowrap}.logo b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#087E97,#155B7E)}.logo small{display:block;font-size:8px;color:var(--ink-3);letter-spacing:.1em;margin-top:-5px}.logo.light{color:#fff}.logo.light small{color:#b5cbd8}header{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:25px;padding:0 3%;background:rgba(245,249,252,.95);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}header nav{display:flex;align-items:center;gap:22px;margin:auto;font-size:12px;color:var(--ink-2)}header nav a:hover{color:var(--rose)}.headact{display:flex;gap:13px;align-items:center;font-size:11px;color:var(--mauve-deep)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:25px;padding:7px 12px}main{min-height:60vh}.hero{padding:65px 0 20px;background:linear-gradient(120deg,#F5F9FC,#EAF2F8 55%,#D5EAF3);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:500px}.hero h1{font-size:clamp(42px,5vw,67px);line-height:1.15;letter-spacing:-.065em;margin:13px 0 22px}.hero h1 em,.editorial h2 em,.split h2 em{font-style:normal;color:var(--rose)}.lead{max-width:550px;color:var(--ink-2);font-size:14px;line-height:2}.searchbar{display:flex;gap:8px;max-width:550px;background:#fff;border-radius:40px;padding:6px 6px 6px 20px;box-shadow:var(--shadow);margin:25px 0 14px}.searchbar input{flex:1;min-width:0;border:0;outline:0;font-size:12px}.searchbar button,.btn{border:0;border-radius:30px;background:var(--rose);color:white;padding:12px 20px;font-size:12px;font-weight:750}.btn{display:inline-block;margin:8px 8px 0 0}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.hot{font-size:10px;color:var(--ink-3);margin:12px 0 22px}.hot a{color:var(--mauve-deep);margin-right:8px}.hero-art{height:420px;position:relative;background:#fff;border-radius:23px;padding:17px;box-shadow:0 30px 70px #102a4320;transform:rotate(1.5deg)}.hero-art-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:var(--ink-3)}.ocean{height:315px;margin-top:14px;border-radius:15px;position:relative;overflow:hidden;background:linear-gradient(145deg,#D8EEF2,#8CC7D4 50%,#2E7C9B)}.ocean:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#F5F4E7;top:40px;right:55px;box-shadow:0 0 60px #fff9}.ocean:after{content:"";position:absolute;width:140%;height:180px;border-radius:50%;background:#155B7E;left:-20%;bottom:-110px;box-shadow:0 -35px 0 #087E97}.ocean b{position:absolute;z-index:2;bottom:26px;left:27px;color:#fff;font-size:34px;line-height:1.15}.hero-caption{padding:14px 5px}.hero-caption small{display:block;color:var(--ink-3);font-size:10px}.float{position:absolute;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);font-size:11px;font-weight:750}.float small{font-size:9px;color:var(--ink-3);font-weight:400}.f1{left:-20px;top:95px}.f2{right:-15px;bottom:40px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;font-size:9px;color:var(--ink-3);letter-spacing:.12em}.quick{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:14px;padding:35px 0;border-bottom:1px solid var(--line)}.quick>div small{font-size:9px;color:var(--rose);letter-spacing:.15em}.quick h2{font-size:21px;margin:0}.quick>a{border-left:1px solid var(--line);padding:12px;display:grid;grid-template-columns:35px 1fr;align-items:center;font-size:17px;color:var(--rose)}.quick>a b,.quick>a small{grid-column:2;color:var(--ink)}.quick>a b{font-size:13px}.quick>a small{font-size:9px;color:var(--ink-3)}.section{padding:78px 0}.tint{background:var(--cream)}.dark{background:linear-gradient(130deg,#102A43,#155B7E);color:#fff}.editorial{display:grid;grid-template-columns:1fr 1.05fr .7fr;gap:34px;align-items:center}.editorial h2,.split h2{font-size:38px;line-height:1.28;letter-spacing:-.06em;margin:8px 0 15px}.editorial p,.split p{font-size:12px;color:var(--ink-2);line-height:2}.more{font-size:11px;color:var(--rose);font-weight:800}.feature{padding:13px;background:var(--cream);border-radius:18px}.feature-art{height:235px;background:linear-gradient(140deg,#A5DFE8,#337A9D 62%,#155B7E);border-radius:13px;position:relative;color:white;padding:20px}.feature-art span{font-size:9px;letter-spacing:.15em}.feature-art b{position:absolute;bottom:22px;left:22px;font-size:34px;line-height:1.15}.feature h3{margin:12px 5px 0;font-size:18px}.feature p,.feature>a{margin:5px;font-size:11px}.feature p{color:var(--ink-3)}.feature>a{color:var(--rose);font-weight:700}.editorial aside{border-left:1px solid var(--line);padding-left:22px}.editorial aside>b{color:var(--rose)}.editorial aside h3{font-size:15px;margin:4px 0}.editorial aside p{font-size:10px;color:var(--ink-3)}.heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.heading h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.05em;line-height:1.2;margin:5px 0}.heading p{font-size:12px;color:var(--ink-3);margin:0}.heading>a{font-size:11px;color:var(--rose);font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.art{height:155px;padding:16px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#D9EFF2,#75B6C6 60%,#337A9D)}.card:nth-child(3n+2) .art{background:linear-gradient(135deg,#DCE9F4,#7EABC1 60%,#244966)}.card:nth-child(3n) .art{background:linear-gradient(135deg,#DCF3EF,#6CB7AC 60%,#337A9D)}.art:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff85;border-radius:50%;right:-15px;top:18px;box-shadow:0 0 0 20px #ffffff18}.art span{font-size:9px;letter-spacing:.12em}.art b{position:absolute;bottom:15px;left:17px;font-size:20px}.cardbody{padding:16px}.cardbody small{font-size:9px;color:var(--rose)}.cardbody h3{font-size:15px;line-height:1.5;margin:5px 0}.cardbody p{font-size:10px;line-height:1.85;color:var(--ink-3);min-height:54px}.cardbody .more{font-size:10px}.disclaimer{font-size:10px;color:var(--ink-3);margin-top:22px}.split{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center;background:linear-gradient(120deg,#EAF2F8,#F5F9FC);border-radius:22px;padding:40px}.schedule{background:white;padding:22px;border-radius:15px;box-shadow:var(--shadow)}.schedule h3{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:12px}.schedule h3 small{float:right;color:var(--ink-3);font-size:9px}.schedule>div{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.schedule>div>b{color:var(--rose)}.schedule strong{font-size:12px}.schedule strong small{display:block;font-size:9px;color:var(--ink-3);font-weight:400}.schedule>div>span{font-size:9px;color:var(--rose)}.schedule>small{font-size:9px;color:var(--ink-3)}.dark .heading p{color:#c4d6e2}.dark .heading small{color:#A5DFE8}.dark .heading>a{color:#A5DFE8}.acg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px}.acg article{padding:25px;min-height:260px;border:1px solid #ffffff25;border-radius:15px;background:#244966;position:relative;overflow:hidden}.acg article:first-child{background:linear-gradient(135deg,#337A9D,#102A43)}.acg article:last-child{background:#155B7E}.acg article:first-child:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff66;border-radius:50%;right:-30px;top:15px;box-shadow:0 0 0 24px #ffffff12,0 0 0 50px #ffffff08}.acg article>span,.acg article>small{font-size:9px;letter-spacing:.15em;color:#A5DFE8}.acg article:first-child>b{display:block;font-size:33px;line-height:1.1;margin-top:45px}.acg h3{font-size:18px;margin:15px 0 5px}.acg p{font-size:10px;color:#c4d6e2;line-height:1.9}.acg a{font-size:10px;color:#A5DFE8;font-weight:700}.people{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.people article{padding:18px;border:1px solid var(--line);border-radius:15px}.avatar{height:110px;border-radius:12px;background:linear-gradient(135deg,#E1F5F8,#337A9D);display:grid;place-items:center;color:#155B7E;font-size:30px;font-weight:800;margin-bottom:14px}.people small{font-size:9px;color:var(--rose)}.people h3{margin:5px 0;font-size:16px}.people p{font-size:10px;color:var(--ink-3);min-height:45px}.people a{font-size:10px;color:var(--rose)}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collections article{min-height:230px;padding:20px;border-radius:15px;background:linear-gradient(135deg,#A5DFE8,#337A9D);color:white;display:flex;flex-direction:column;justify-content:space-between}.collections article:nth-child(2){background:linear-gradient(135deg,#DCE9F3,#155B7E)}.collections article:nth-child(3){background:linear-gradient(135deg,#DCF3EF,#337A9D)}.collections span{font-size:9px;letter-spacing:.15em}.collections h3{font-size:21px;margin:20px 0 5px}.collections p{font-size:10px;line-height:1.9;margin:0}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:70px 1fr 90px;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.timeline time{font-size:11px;color:var(--rose);font-weight:800}.timeline article small{font-size:9px;color:var(--ink-3)}.timeline h3{font-size:15px;margin:2px 0}.timeline p{font-size:10px;color:var(--ink-3);margin:0}.timeline article>span{font-size:9px;color:var(--rose);text-align:right}.browser{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.browser-art{height:270px;border:1px solid var(--line-strong);border-radius:15px;box-shadow:var(--shadow);padding:15px;background:linear-gradient(140deg,#fff,#EAF2F8);position:relative}.browser-art>div{font-size:10px;color:var(--ink-3);border-bottom:1px solid var(--line);padding-bottom:10px}.browser-art>div span{margin-left:30%}.browser-art>b{display:block;font-size:10px;letter-spacing:.15em;color:var(--rose);margin:30px 0}.browser-art>i{display:inline-block;width:28%;height:90px;margin-right:3%;border-radius:8px;background:linear-gradient(140deg,#DDF2F9,#337A9D)}.browser h2{font-size:25px;line-height:1.3}.browser p,.browser li{font-size:11px;color:var(--ink-3);line-height:2}.browser a{font-size:11px;color:var(--rose);font-weight:800}.safety{display:grid;grid-template-columns:60px 1fr auto;gap:22px;align-items:center}.safety>div{width:55px;height:55px;border-radius:17px;background:var(--sage-soft);color:var(--sage);display:grid;place-items:center;font-size:25px}.safety small{font-size:9px;color:var(--rose);letter-spacing:.15em}.safety h2{font-size:22px;margin:3px 0}.safety p{font-size:10px;color:var(--ink-3);margin:0}.safety nav{display:grid;gap:7px;font-size:10px;color:var(--rose);font-weight:800}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{list-style:none;cursor:pointer;font-size:12px;font-weight:750}.faq summary::-webkit-details-marker{display:none}.faq summary b{float:right;color:var(--rose)}.faq details p{font-size:11px;color:var(--ink-3);padding-left:40px}.extra-section{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center}.extra-section h2{font-size:17px;margin:0}.extra-section p{font-size:10px;color:var(--ink-3);margin:0}.extra-section a{font-size:10px;color:var(--rose);font-weight:800}.final{margin-top:65px;margin-bottom:70px;padding:40px 45px;border-radius:18px;background:linear-gradient(110deg,#EAF2F8,#DDF2F9);display:flex;align-items:center;justify-content:space-between}.final h2{font-size:28px;margin:5px 0}.final small{font-size:9px;color:var(--rose);letter-spacing:.15em}footer{background:linear-gradient(135deg,#102A43,#155B7E);color:#fff;padding:50px max(25px,calc((100% - var(--wrap))/2)) 20px}.footgrid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px;padding-bottom:35px}.footgrid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footgrid p{font-size:10px;color:#c0d2df;max-width:260px}.footgrid>div>b{font-size:12px;margin-bottom:8px}.footgrid>div>a:not(.logo){font-size:10px;color:#c0d2df}.footbottom{border-top:1px solid #ffffff30;padding-top:15px;font-size:9px;color:#b5cbd8;display:flex;gap:20px}.footbottom span{margin:auto}.search-modal{display:none;position:fixed;inset:0;z-index:99;align-items:center;justify-content:center;padding:20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.shade{position:absolute;inset:0;background:#102a43b8}.search-modal section{position:relative;background:white;border-radius:20px;padding:35px;width:min(560px,100%)}.search-modal section>button{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px}.search-modal h2{margin-top:0}.search-modal form{display:flex;gap:8px}.search-modal input{min-width:0;flex:1;border:1px solid var(--line);border-radius:25px;padding:12px}.pagehero{padding:65px 0;background:linear-gradient(120deg,#F5F9FC,#EAF2F8 60%,#D5EAF3)}.pagehero h1{font-size:clamp(35px,4vw,53px);line-height:1.2;letter-spacing:-.06em;margin:8px 0 15px}.pagehero p{max-width:800px;color:var(--ink-2);font-size:13px}.twocol{display:grid;grid-template-columns:1fr 280px;gap:35px}.panel{border:1px solid var(--line);border-radius:15px;padding:23px;background:#fff}.panel h3{margin:5px 0}.panel a{display:block;color:var(--rose);font-size:11px;margin:10px 0}.player,.reader{min-height:300px;border-radius:18px;background:linear-gradient(140deg,#DDF2F9,#337A9D,#102A43);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.player b{font-size:20px}.player small{font-size:10px;color:#d8e9ef}.reader h1{font-size:27px}.reader p{color:#d8e9ef}.meta{font-size:10px;color:var(--ink-3)}.longcopy p,.policy p{font-size:12px;color:var(--ink-2);line-height:2}.longcopy h2,.policy h2{font-size:20px}.policy{max-width:900px}.policy section{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.principles article{border:1px solid var(--line);border-radius:15px;padding:23px}.principles b{color:var(--rose)}.principles h2{font-size:17px}.principles p{font-size:10px;color:var(--ink-3)}.notice{padding:30px;background:var(--cream);border-radius:16px;margin-bottom:25px}.notice p{font-size:12px;color:var(--ink-3)}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.tags a{border:1px solid var(--line);border-radius:25px;padding:8px 14px;font-size:11px}.error{text-align:center;padding:80px 0}.error>b{font-size:100px;color:var(--rose-light)}.progress{display:flex;align-items:center;gap:15px;margin:20px 0;font-size:11px}.progress progress{flex:1;accent-color:var(--rose)}.saved{padding:12px;border-bottom:1px solid var(--line);font-size:11px}.saved a{float:right;color:var(--rose)}.like-button{border:0;background:transparent;color:var(--rose)}.liked{font-weight:800}.notice ul{font-size:11px}.extra-section{min-height:90px}.extra-section:nth-of-type(odd){background:#fff}@media(max-width:1200px){header nav{gap:12px}.cards.four{grid-template-columns:repeat(2,1fr)}.editorial{grid-template-columns:1fr 1fr}.editorial aside{grid-column:1/-1;display:grid;grid-template-columns:30px 1fr 1fr 30px 1fr 1fr;align-items:center;border-left:0;border-top:1px solid var(--line);padding:15px 0}.people{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){header nav{display:none}.menu-toggle{display:block}.headact{margin-left:auto}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:49px}.quick{grid-template-columns:repeat(4,1fr)}.quick>div{grid-column:1/-1}.acg{grid-template-columns:1fr 1fr}.acg article:first-child{grid-column:1/-1}.footgrid{gap:25px}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{width:min(480px,90%);margin:35px auto 20px}.hero-foot{display:none}.split{grid-template-columns:1fr}.browser{grid-template-columns:1fr}.safety{grid-template-columns:55px 1fr}.safety nav{grid-column:2;display:flex;flex-wrap:wrap}.twocol{grid-template-columns:1fr}.pagehero{padding:48px 0}}@media(max-width:768px){.wrap{width:calc(100% - 36px)}header{padding:0 18px}.hero{padding-top:40px}.hero h1{font-size:42px}.hero-art{height:380px}.ocean{height:275px}.quick{grid-template-columns:1fr 1fr;padding:25px 0}.quick>a{border-top:1px solid var(--line);border-left:0;padding:10px 4px}.section{padding:58px 0}.editorial{grid-template-columns:1fr}.editorial aside{grid-template-columns:25px 1fr;gap:8px}.editorial aside p{grid-column:2}.cards,.cards.four{grid-template-columns:repeat(2,1fr);gap:12px}.art{height:130px}.cardbody{padding:12px}.cardbody p{min-height:0}.acg{grid-template-columns:1fr}.acg article:first-child{grid-column:auto}.people{grid-template-columns:repeat(2,1fr)}.collections{grid-template-columns:1fr}.timeline article{grid-template-columns:50px 1fr}.timeline article>span{display:none}.heading{align-items:flex-start;flex-direction:column}.heading h2{font-size:29px}.extra-section{grid-template-columns:1fr;gap:5px}.extra-section p{font-size:11px}.extra-section a{justify-self:start}.final{padding:28px;display:block}.footgrid{grid-template-columns:1fr 1fr;gap:25px}.footgrid>div:first-child{grid-column:1/-1}.footbottom{flex-wrap:wrap}.footbottom span{margin:0}.principles{grid-template-columns:1fr 1fr}.search-modal form{flex-direction:column}}@media(max-width:600px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:36px}.lead{font-size:12px}.searchbar{padding-left:12px}.searchbar input{font-size:10px}.searchbar button{padding:10px 13px}.hero-art{height:330px;width:88%;padding:12px}.ocean{height:230px}.ocean b{font-size:27px}.float{font-size:9px;padding:9px}.f1{left:-15px;top:65px}.f2{right:-15px}.quick h2{font-size:18px}.cards,.cards.four{grid-template-columns:1fr}.art{height:160px}.people{grid-template-columns:1fr 1fr}.people article{padding:12px}.avatar{height:85px}.acg article{min-height:230px}.split{padding:25px 18px}.split h2{font-size:31px}.schedule{padding:16px}.pagehero h1{font-size:34px}.principles{grid-template-columns:1fr}.twocol{gap:20px}.reader{min-height:270px}.reader h1{font-size:22px}.footgrid{gap:20px 12px}.footgrid>div>b{font-size:11px}.footbottom{font-size:8px}.search-modal section{padding:28px 20px}.notice{padding:22px}}