@import url('/system-fonts.css');
:root{color-scheme:light;--bg:#f7f8fc;--surface:#fff;--text:#23314b;--muted:#77829a;--line:#e0e5ef;--primary:#5556dc;--primary-soft:#eeefff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a4a3ff;outline-offset:4px}.page-width,.header-inner{width:min(1248px,calc(100% - 64px));margin-inline:auto}.site-header{height:86px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{border-radius:13px}.brand strong{display:block;font-size:21px;font-weight:750;letter-spacing:.3px}.brand small{display:block;font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-top:1px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.account-link{display:flex;align-items:center;gap:9px;padding:9px 18px;border:1px solid var(--line);border-radius:99px;background:#fff}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:76px 92px;min-height:585px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);margin:0 0 18px}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{display:block;width:25px;height:1px;background:#9e9bcf}h1,h2,h3,p{margin-top:0}.hero-copy h1{font-family:"SimSun","Songti SC",serif;font-weight:500;font-size:clamp(40px,4.6vw,64px);letter-spacing:1px;line-height:1.45;margin-bottom:22px}.hero-copy h1 span{color:var(--primary)}.hero-description{font-size:16px;color:#6b7690;line-height:2;margin-bottom:28px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:46px;padding:11px 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600}.primary-button{background:var(--primary);color:white;box-shadow:0 6px 14px #5556dc15}.primary-button:hover{background:#4647cb}.secondary-button{border-color:#d7dcee;background:#fff}.secondary-button:hover{border-color:#a7a7e6}.hero-button{gap:40px;padding-inline:23px}.hero-footnote{display:flex;align-items:center;gap:9px;color:#8b91a7;font-size:12px;margin-top:27px;letter-spacing:1px}.small-spark{color:#bea15b}.hero-art{position:relative;height:410px;isolation:isolate}.art-orbit{position:absolute;z-index:-1;border:1px solid #e2e4f4;border-radius:50%;inset:5% -1%;transform:rotate(-20deg);background:radial-gradient(ellipse,#eeeffa77,transparent 65%)}.orbit-two{inset:0 13%;transform:rotate(33deg);border-style:dashed}.art-tile{position:absolute;width:55%;height:150px;overflow:hidden;border-radius:16px;border:5px solid #fff;box-shadow:0 12px 35px #26365118;transform:rotate(var(--angle));background:#e8ecf0}.art-tile img{width:100%;height:100%;object-fit:cover}.art-tile span{position:absolute;bottom:8px;left:10px;color:#fff;background:#24334f88;border:1px solid #ffffff55;border-radius:6px;padding:2px 9px;font-size:11px;backdrop-filter:blur(8px)}.tile-reading{--angle:-9deg;top:40px;left:2%;z-index:1}.tile-poetry{--angle:7deg;top:70px;right:-1%;z-index:2}.tile-math{--angle:-5deg;top:213px;left:0;z-index:3}.tile-english{--angle:8deg;top:239px;right:0;z-index:4}.art-note{position:absolute;z-index:5;background:#fffef7;box-shadow:0 7px 24px #3440590c;border:1px solid #e9e7da;font-size:11px;letter-spacing:1px;padding:9px 17px;border-radius:9px;color:#8c7b52}.note-one{top:6px;right:8%;transform:rotate(4deg)}.note-two{bottom:-5px;left:15%;transform:rotate(-4deg)}.note-two span{color:#bd9a51;margin-right:5px}.products-section{padding-bottom:56px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-family:"SimSun","Songti SC",serif;font-size:32px;font-weight:500;line-height:1.5;margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:3px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #29334a0b}.product-cover{display:block;position:relative;height:210px;overflow:hidden;background:#e9edf5}.product-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-cover img{transform:scale(1.035)}.product-category{position:absolute;top:17px;left:20px;display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:11px;letter-spacing:1px;padding:3px 10px;border-radius:99px;border:1px solid #ffffff88;background:#15253255;backdrop-filter:blur(10px)}.product-category:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.product-body{padding:24px 28px 25px}.product-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.product-title-row h3{font-size:23px;font-weight:650;margin-bottom:5px}.membership-label{display:inline-flex;align-items:center;font-size:11px;color:#648479;border:1px solid #d0e4da;background:#f1f8f4;padding:2px 8px;border-radius:5px;white-space:nowrap}.product-subtitle{color:#525b75;font-size:13px;margin-bottom:13px}.product-description{color:var(--muted);font-size:13px;line-height:1.95;max-width:38em;min-height:51px;margin-bottom:20px}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f6;padding-top:18px;gap:16px}.product-tags{display:flex;gap:7px;flex-wrap:wrap;font-size:10px;color:#7d86a0}.product-tags span{background:#f5f6fb;border-radius:5px;padding:3px 7px}.product-enter{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;font-size:13px;color:var(--primary);font-weight:650}.accent-amber .product-enter{color:#a67b3c}.accent-teal .product-enter{color:#408a83}.accent-rose .product-enter{color:#a57686}.home-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:8px;margin-bottom:64px;padding:31px 38px;border:1px solid #e0e2f3;border-radius:20px;background:linear-gradient(115deg,#eeeffc,#f3f5fb)}.home-invitation>div{position:relative;padding-left:45px}.invitation-spark{font-size:28px;position:absolute;left:0;top:4px;color:#a09acb}.home-invitation h2{font-size:20px;font-weight:500;margin-bottom:6px}.home-invitation p{font-size:12px;color:#7c84a0;margin-bottom:0}.loading{color:var(--muted);padding:25px}#toast{display:none;position:fixed;left:50%;bottom:30px;transform:translateX(-50%);padding:10px 22px;border-radius:9px;background:#26334d;color:#fff;z-index:100;max-width:calc(100% - 32px);box-shadow:0 8px 24px #23314b33}#toast.visible{display:block}.account-page{padding-block:36px 64px;display:grid;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.panel h1{font-size:30px;font-weight:600;margin-bottom:8px}.panel h2{font-size:21px;font-weight:550;margin-bottom:24px}.panel p{color:var(--muted);font-size:13px;margin-bottom:0}.account-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading-actions,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.identity-rows{display:grid;grid-template-columns:220px max-content;align-items:center;gap:18px 30px}.identity-card{border:1px solid var(--line);background:#fafbfe;border-radius:12px;min-height:86px;padding:13px 17px;display:flex;gap:12px;align-items:center}.identity-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.identity-card strong{font-size:15px}.identity-card img{width:48px;height:48px;object-fit:cover;border-radius:10px}.membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.membership-item{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:14px}.membership-item h3{font-size:16px;margin:0 0 6px}.membership-item small{font-size:12px;color:var(--muted)}.badge{display:inline-block;border:1px solid #d6dbe8;padding:1px 7px;font-size:11px;border-radius:5px;margin-right:8px;color:#8a7b4c}.badge.active{background:#eef8f2;border-color:#c6e4d3;color:#498368}.badge.disabled,.badge.expired{background:#fcf2ef;border-color:#efd0c7;color:#a56b58}.device-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:17px;border-top:1px solid var(--line)}.device-row small{display:block;color:var(--muted);font-size:12px}.device-row strong{font-size:14px}.small-button{min-height:36px;padding:7px 12px;font-size:12px;border-radius:8px;gap:8px}dialog{color:var(--text);border:1px solid #d9deed;border-radius:18px;padding:28px;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--surface);box-shadow:0 20px 80px #1c294326}dialog::backdrop{background:#17213b66;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.dialog-heading h2{font-size:22px;margin:0}.close-dialog{background:none;border:0;padding:0 6px;font-size:25px;color:#8a94aa}.form{display:grid;gap:20px}.form label{display:grid;gap:9px;font-size:13px}.form input,.form select,.archive-controls select{background:#fafbfe;color:var(--text);border:1px solid #dce2ee;border-radius:9px;min-height:46px;padding:10px 12px;width:100%;min-width:0}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:12px}.form button.full{width:100%}.form-note{font-size:12px;color:var(--muted);line-height:1.9}.form-error{color:#b15e65;white-space:pre-line;font-size:13px;line-height:1.9;margin:0}.archive-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.archive-controls select{width:auto;max-width:180px}.login-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:64px;align-items:center;padding-block:70px 90px;max-width:1100px}.login-story h1{font-family:"SimSun","Songti SC",serif;font-size:43px;font-weight:500;line-height:1.6}.login-story>p{font-size:12px;color:var(--muted);letter-spacing:2px}.login-story img{border-radius:14px;width:100%;height:195px;object-fit:cover}.login-card{padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff}.login-card h2{font-size:25px;font-weight:550;margin-bottom:24px}.login-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:26px}.login-tabs button{border:1px solid var(--line);background:#fff;color:var(--text);padding:12px 2px;border-radius:8px;font-size:13px;white-space:nowrap}.login-tabs button[aria-selected=true]{background:var(--primary);color:white;border-color:var(--primary)}.policy-notice{font-size:11px;color:var(--muted);margin:20px 0 0}.policy-notice a{color:var(--primary)}.wechat-login{display:grid;gap:20px}.wechat-login p{font-size:13px;color:var(--muted);line-height:1.9}.archive-option{display:block;width:100%;margin-top:12px;text-align:left;border:1px solid var(--line);background:#fafbfe;padding:13px;border-radius:9px}.renew-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.renew-options span{border:1px solid var(--line);padding:15px 10px;border-radius:10px;text-align:center;font-size:14px}.privacy-entry{font-size:12px;color:var(--muted);text-align:center}
@media(min-width:1600px){.home-hero{gap:90px}.hero-art{margin-inline:20px}}@media(max-width:1000px){.home-hero{gap:30px;padding-block:62px 76px}.hero-art{height:340px}.art-tile{height:122px}.tile-reading{top:36px}.tile-poetry{top:65px}.tile-math{top:185px}.tile-english{top:205px}.note-two{bottom:-8px}.hero-copy h1{font-size:43px}.hero-description{font-size:14px}.product-cover{height:175px}.product-body{padding:21px}.product-tags{gap:5px}.product-bottom{align-items:flex-start}.product-enter{gap:10px}.login-page{gap:28px;grid-template-columns:minmax(0,.75fr) minmax(365px,1fr)}.login-story h1{font-size:33px}.login-card{padding:26px}.membership-item{align-items:flex-start;flex-wrap:wrap}.home-invitation{padding:27px}.home-invitation h2{font-size:18px}}
@media(max-width:650px){html{scroll-padding-top:90px}.page-width,.header-inner{width:calc(100% - 32px)}.site-header{height:74px}.brand{gap:9px}.brand img{width:38px;height:38px;border-radius:10px}.brand strong{font-size:18px}.brand small{font-size:8px;letter-spacing:.4px}.site-header nav{gap:14px;font-size:12px}.nav-products{display:none}.account-link{padding:7px 11px;gap:6px;font-size:11px}.account-link svg{width:15px;height:15px}.home-hero{grid-template-columns:1fr;gap:35px;padding-block:40px 54px;min-height:0}.hero-copy h1{font-size:42px;margin-bottom:18px}.hero-description{font-size:13px;line-height:1.95;margin-bottom:23px}.hero-footnote{margin-top:20px;font-size:10px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:14px}.hero-art{max-width:400px;width:100%;height:315px;margin-inline:auto}.art-tile{height:115px;width:54%}.tile-reading{top:27px;left:3%}.tile-poetry{top:48px;right:1%}.tile-math{top:161px;left:1%}.tile-english{top:186px;right:1%}.note-one{top:0;right:5%;font-size:9px;padding:5px 11px}.note-two{bottom:-2px;left:13%;font-size:9px;padding:6px 11px}.section-heading{align-items:flex-start;margin-bottom:22px}.section-heading .eyebrow{font-size:10px;letter-spacing:1px}.section-heading h2{font-size:26px}.section-heading>p{display:none}.product-grid{grid-template-columns:1fr;gap:20px}.product-cover{height:auto;aspect-ratio:2.25}.product-body{padding:21px}.product-title-row h3{font-size:21px}.product-description{min-height:0;font-size:12px}.product-bottom{align-items:center;gap:10px;padding-top:15px}.product-tags{font-size:9px}.product-tags span{padding:3px 5px}.product-enter{font-size:12px;gap:8px}.products-section{padding-bottom:28px}.home-invitation{margin-top:8px;margin-bottom:32px;padding:24px;display:grid;gap:20px}.home-invitation>div{padding-left:0}.invitation-spark{display:none}.home-invitation h2{font-size:17px}.home-invitation p{font-size:11px}.home-invitation>.secondary-button{justify-self:start;font-size:12px}.account-page{padding-block:24px 36px;gap:20px}.panel{padding:20px;border-radius:16px}.panel h1{font-size:24px;margin-bottom:10px}.panel h2{font-size:20px;margin-bottom:21px}.account-heading{align-items:flex-start;gap:12px}.heading-actions{gap:7px;flex-wrap:nowrap}.heading-actions .small-button{font-size:10px;padding:7px 8px;white-space:nowrap}.identity-rows{grid-template-columns:minmax(0,1fr) max-content;gap:16px 16px;max-width:330px}.identity-card{padding:12px;min-height:82px}.identity-card strong{font-size:13px}.identity-card img{width:36px;height:36px}.identity-card span{font-size:10px}.identity-rows>.small-button{font-size:11px}.membership-grid{grid-template-columns:1fr}.membership-item{flex-wrap:nowrap;padding:16px 13px}.membership-item h3{font-size:14px}.membership-item small{font-size:10px}.membership-item .small-button{font-size:10px;padding-inline:9px;white-space:nowrap}.archive-controls{gap:9px;font-size:12px;flex-wrap:nowrap}.archive-controls select{max-width:130px;font-size:12px;padding-inline:8px}.archive-controls .small-button{font-size:10px;padding-inline:8px;white-space:nowrap}.device-row{align-items:flex-start;gap:12px}.device-row .actions{gap:7px;flex-wrap:nowrap}.device-row strong{font-size:12px}.device-row small{font-size:10px}.device-row button{font-size:10px;padding:7px}.login-page{display:block;padding-block:30px 50px}.login-story{display:none}.login-card{padding:24px 20px}.login-card h2{font-size:23px}.login-tabs button{font-size:12px}.login-tabs{gap:7px}.form{gap:18px}dialog{padding:23px 20px}.dialog-heading{margin-bottom:20px}.dialog-heading h2{font-size:21px}.renew-options{gap:8px}.renew-options span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.form input[type=checkbox]{width:auto;min-height:0;accent-color:var(--primary);vertical-align:middle}.password-label-row{position:relative}.password-label-row>button{position:absolute;right:0;top:-4px;border:0;background:none;color:var(--primary);font-size:12px;padding:4px}.panel-heading{margin-bottom:24px}.panel-heading h2{margin:0}.form-note{margin-top:16px}
.home-hero{overflow:clip}.identity-card>div{min-width:0}.identity-card strong{overflow-wrap:anywhere}.check-label{display:flex!important;align-items:flex-start;gap:10px}.check-label input{margin-top:5px}.text-button{border:0;background:none;color:var(--primary);cursor:pointer}[hidden]{display:none!important}
.small-button,.archive-controls>span{white-space:nowrap}.device-row>.actions{flex-shrink:0}.device-row>div:first-child{min-width:0}.device-row strong{overflow-wrap:anywhere}.archive-controls select{min-width:0;max-width:180px}
@media(max-width:650px){.archive-controls{gap:9px;flex-wrap:wrap}.archive-controls>span{font-size:12px}.archive-controls select{max-width:145px;flex:1 1 110px}.archive-controls .small-button{padding-inline:8px}.device-row{flex-wrap:wrap;gap:12px}.device-row>.actions{margin-left:auto}}
@media(max-width:360px){.header-inner{gap:10px}.brand strong{font-size:15px}.brand small{font-size:7px}.account-link{padding-inline:8px}.account-link svg{display:none}.archive-controls{flex-wrap:wrap}.heading-actions .small-button{padding-inline:6px}}