:root{--ink:#071d48;--blue:#0874f9;--lime:#a6db18;--line:#d8e2f1;--muted:#64738f;--shadow:0 18px 55px rgba(20,63,126,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f6f8fb;font-family:Inter,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:40;min-height:78px;padding:0 max(28px,calc((100vw - 1480px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;border-bottom:1px solid #e1e8f2;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:baseline;width:max-content;font-size:27px;font-weight:900;letter-spacing:-1.4px}.brand span{color:var(--ink)}.brand b{color:var(--blue)}.brand i{color:var(--lime);font-size:24px}.site-header nav{display:flex;align-items:center;gap:50px;font-size:15px;font-weight:800}.site-header nav a{padding:28px 0;transition:color .2s}.site-header nav a:hover{color:var(--blue)}
.cart-button{position:relative;justify-self:end;width:50px;height:50px;padding:10px;border:0;background:transparent;color:var(--ink)}.cart-button svg{fill:none;stroke:currentColor;stroke-width:1.8}.cart-button span{position:absolute;right:0;top:1px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;color:#fff;background:var(--blue);font-size:11px;font-weight:900}.menu-button{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(480px,.9fr) minmax(600px,1.1fr);align-items:center;min-height:575px;padding:42px max(28px,calc((100vw - 1480px)/2)) 46px;background:linear-gradient(112deg,#f7fbff 0%,#fff 48%,#f5faff 100%)}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 8% 28%,rgba(25,125,245,.1) 0 2px,transparent 3px) 0 0/16px 16px;mask-image:linear-gradient(90deg,#000,transparent 18%)}.hero::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:10%;top:-220px;border-radius:50%;background:rgba(187,223,255,.3)}
.hero-copy{position:relative;z-index:2;padding-left:38px}.eyebrow{margin:0 0 20px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;max-width:690px;font-size:clamp(52px,4.9vw,78px);line-height:.99;letter-spacing:-3.4px}.hero h1 em{font-style:normal}.hero-subtitle{margin:28px 0 26px;color:var(--muted);font-size:20px}
.grade-picker{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.grade-picker button{min-height:50px;padding:0 17px;border:1.5px solid #aab8ce;border-radius:8px;color:var(--ink);background:#fff;font-weight:800;transition:.2s}.grade-picker button:hover,.grade-picker button.active{border-color:var(--blue);color:var(--blue);box-shadow:0 7px 20px rgba(8,116,249,.12)}.grade-picker .cap{margin-right:8px;color:var(--blue);font-size:22px}.grade-picker .find-button{border-color:var(--blue);color:#fff;background:linear-gradient(135deg,var(--blue),#0864dc);box-shadow:0 10px 24px rgba(8,116,249,.25)}.grade-picker .find-button:hover{color:#fff;transform:translateY(-2px)}
.hero-visual{position:relative;z-index:1;align-self:stretch;display:flex;align-items:center;justify-content:flex-end}.hero-visual img{width:min(850px,100%);mix-blend-mode:multiply;filter:drop-shadow(0 24px 25px rgba(20,55,110,.1))}
.catalog{position:relative;z-index:5;width:min(1480px,calc(100% - 48px));margin:-8px auto 0;padding:28px 30px 34px;border:1px solid #e2e9f3;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:23px}.section-kicker{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.section-title-row h2{margin:5px 0 0;font-size:28px;letter-spacing:-.8px}.text-button{border:0;color:var(--blue);background:transparent;font-weight:800}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{min-width:0;display:grid;grid-template-columns:42% 58%;overflow:hidden;min-height:285px;border:1px solid #e1e6ee;border-radius:11px;background:#fff;box-shadow:0 8px 25px rgba(30,68,124,.07);transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(30,68,124,.13)}.product-cover{padding:9px 0 9px 9px;display:flex;align-items:stretch;overflow:hidden}.product-cover img{width:100%;object-fit:cover;object-position:top center;border-radius:5px}.product-info{min-width:0;display:flex;flex-direction:column;padding:20px 18px}.product-label{margin:0 0 5px;color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase}.product-info h3{margin:0;font-size:17px;line-height:1.24}.file-meta{display:flex;align-items:center;gap:8px;margin-top:17px;color:#8b96a9;font-size:11px}.file-meta b{padding:4px 7px;border-radius:4px;color:#e31519;background:#fff0f0}.product-footer{margin-top:auto}.product-footer strong{display:block;margin-bottom:14px;font-size:25px}.product-footer button,.checkout{width:100%;min-height:43px;border:0;border-radius:7px;color:#fff;background:var(--blue);font-weight:900;box-shadow:0 7px 18px rgba(8,116,249,.2)}
.features{width:min(1480px,calc(100% - 48px));margin:40px auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.features>div{padding:36px 50px}.features>div+div{border-left:1px solid var(--line)}.features b{color:var(--blue);font-size:13px}.features h3{margin:14px 0 7px;font-size:20px}.features p{margin:0;color:var(--muted)}
.free-section{margin-top:35px;padding:82px 24px;color:#fff;background:var(--ink);text-align:center}.free-section span{color:#91bfff;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.free-section h2{margin:16px 0 28px;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-2px}.free-section a{display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border-radius:7px;color:var(--ink);background:var(--lime);font-weight:900}
.chinese-section{position:relative;overflow:hidden;width:min(1480px,calc(100% - 48px));margin:48px auto 0;padding:48px 52px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:46px;border:1px solid #dfe8f4;border-radius:18px;background:linear-gradient(120deg,#fff 0%,#f5f9ff 64%,#edf6ff 100%);box-shadow:0 16px 45px rgba(20,63,126,.09)}.chinese-section::after{content:"中";position:absolute;right:18%;top:-80px;color:rgba(8,116,249,.045);font-family:serif;font-size:260px;line-height:1;pointer-events:none}.chinese-brand{position:relative;z-index:1;display:grid;place-items:center;width:170px;height:170px;border-radius:50%;color:#fff;background:var(--ink);box-shadow:inset 0 0 0 10px rgba(255,255,255,.06),0 18px 35px rgba(7,29,72,.2)}.chinese-brand strong{font-family:serif;font-size:56px;line-height:1}.chinese-brand span{margin-top:-28px;color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.22em}.chinese-copy{position:relative;z-index:1}.chinese-copy h2{margin:8px 0 14px;font-size:clamp(35px,4vw,54px);letter-spacing:-2px}.chinese-copy p{max-width:680px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.chinese-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chinese-tags span{padding:7px 11px;border:1px solid #cddbee;border-radius:99px;color:#334d77;background:#fff;font-size:12px;font-weight:800}.chinese-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:20px;min-height:54px;padding:0 22px;border-radius:8px;color:#fff;background:var(--blue);font-weight:900;white-space:nowrap;box-shadow:0 10px 24px rgba(8,116,249,.22)}.chinese-link:hover{background:#075fcf}.chinese-link span{font-size:20px}
.author{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:80px 0;display:grid;grid-template-columns:120px 1fr 1fr;align-items:center;gap:42px}.author-mark{display:grid;place-items:center;width:110px;aspect-ratio:1;border:2px solid var(--blue);border-radius:50%;color:var(--blue);font-size:33px;font-weight:900}.author span{color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.author h2{margin:10px 0 0;font-size:35px;line-height:1.1}.author p{color:var(--muted);font-size:17px;line-height:1.7}footer{min-height:115px;padding:25px max(28px,calc((100vw - 1480px)/2));display:flex;align-items:center;gap:40px;border-top:1px solid var(--line);background:#fff}footer p{color:var(--muted)}footer small{margin-left:auto;color:#8d99aa}
.secure-badge{padding:7px 10px;border-radius:99px;color:#2c6d45;background:#eaf8ef;font-size:11px;font-weight:800;white-space:nowrap}
.drawer-backdrop{position:fixed;z-index:100;inset:0;display:flex;justify-content:flex-end;background:rgba(5,20,50,.38);backdrop-filter:blur(3px)}.cart-drawer{position:relative;width:min(440px,100%);height:100%;padding:42px 34px;overflow:auto;background:#fff;box-shadow:-25px 0 70px rgba(5,20,50,.22)}.drawer-close{position:absolute;right:25px;top:22px;border:0;background:transparent;color:var(--ink);font-size:33px}.cart-drawer h2{margin:8px 0 28px;font-size:38px}.empty-cart{padding:70px 0;color:var(--muted);text-align:center}.cart-list{display:grid;gap:15px}.cart-list>div{display:grid;grid-template-columns:54px 1fr 28px;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid var(--line)}.cart-list img{width:54px;height:76px;object-fit:cover;object-position:top}.cart-list p{display:grid;gap:7px;margin:0;font-size:13px}.cart-list p span{color:var(--blue);font-weight:900}.cart-list button{border:0;background:transparent;color:#8490a1;font-size:24px}.cart-total{display:flex;justify-content:space-between;margin:28px 0;padding-top:22px;border-top:1px solid var(--line);font-size:21px}
@media(max-width:1180px){.hero{grid-template-columns:1fr 1fr;padding-inline:28px}.hero-copy{padding-left:0}.hero h1{font-size:56px}.product-grid{grid-template-columns:repeat(2,1fr)}.site-header nav{gap:24px}.chinese-section{grid-template-columns:150px 1fr;padding:40px}.chinese-brand{width:140px;height:140px}.chinese-brand strong{font-size:46px}.chinese-link{grid-column:2;width:max-content}}
@media(max-width:780px){.site-header{grid-template-columns:1fr auto auto;min-height:68px;padding:0 18px;gap:10px}.brand{font-size:21px}.menu-button{display:block;order:2;border:0;background:transparent;color:var(--ink);font-size:22px}.cart-button{order:3;width:43px;height:43px}.site-header nav{position:fixed;left:0;right:0;top:68px;display:none;padding:20px;background:#fff;box-shadow:var(--shadow)}.site-header nav.nav-open{display:grid;gap:0}.site-header nav a{padding:14px 5px}.hero{min-height:auto;grid-template-columns:1fr;padding:45px 20px 25px}.hero h1{font-size:clamp(43px,13vw,62px);letter-spacing:-2.5px}.hero-subtitle{font-size:17px}.grade-picker{display:grid;grid-template-columns:1fr 1fr}.grade-picker .find-button{grid-column:1/-1}.hero-visual{margin:28px -30px -5px}.catalog{width:calc(100% - 20px);padding:25px 14px}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:40% 60%}.section-title-row h2{font-size:24px}.features{width:calc(100% - 32px);grid-template-columns:1fr}.features>div{padding:25px 10px}.features>div+div{border-left:0;border-top:1px solid var(--line)}.chinese-section{width:calc(100% - 20px);grid-template-columns:1fr;padding:30px 22px;gap:25px}.chinese-brand{width:110px;height:110px}.chinese-brand strong{font-size:38px}.chinese-brand span{margin-top:-20px}.chinese-copy h2{font-size:36px}.chinese-link{grid-column:1;width:100%;justify-content:center}.author{grid-template-columns:80px 1fr;padding:55px 0;gap:24px}.author-mark{width:76px;font-size:23px}.author h2{font-size:28px}.author p{grid-column:1/-1}footer{flex-wrap:wrap;gap:12px 25px}footer p{width:100%;order:4;margin:0}.secure-badge{order:3}footer small{margin-left:auto}}

.drawer-backdrop[hidden]{display:none!important}body.cart-open{overflow:hidden}