:root{color-scheme:light;--ink:#203d35;--muted:#708078;--green:#245b47;--line:#e1e9e3}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #419875;outline-offset:6px}.site-header{height:86px;max-width:1240px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:700;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:40px;height:42px;background:var(--green);color:white;border-radius:9px;font-family:serif;font-size:27px;font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:3px;font-weight:500;margin-top:2px}.preview-label{font-size:11px;color:#74867a;border:1px solid var(--line);border-radius:20px;padding:6px 12px}main{max-width:1152px;margin:auto;padding:40px 24px 0}.page-intro{margin-bottom:30px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;color:var(--muted);margin:0 0 10px}h1{font-size:clamp(25px,3.5vw,36px);font-weight:650;letter-spacing:1px;margin:0 0 12px}h1 span{color:#4b8c68}.page-intro>p:last-child{font-size:14px;color:var(--muted);margin:0}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.module-card{display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;background:white}.module-card:hover{transform:translateY(-3px);border-color:#a9beaf;box-shadow:0 12px 28px #173f2b0a}.card-art{height:220px;position:relative;overflow:hidden}.learning-art{background:#f5f6f1}.learning-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}.art-label{position:absolute;left:22px;bottom:17px;border-radius:30px;padding:7px 12px;background:#ffffffee;color:#344a40;font-size:11px;box-shadow:0 1px 8px #00000006}.design-art{background:#edf2ee;display:flex;flex-direction:column;justify-content:space-between;padding:28px 32px}.design-word{font-size:35px;font-family:"Songti SC","Noto Serif CJK SC",serif;letter-spacing:5px;line-height:1.55;color:#426451}.design-path{display:flex;gap:13px;align-items:center;font-size:11px;letter-spacing:1px;color:#496651}.design-path b{font-weight:400;color:#9cae9f}.card-body{padding:24px 26px 22px}.module-index{font-size:9px;letter-spacing:2px;color:#87958d}h2{font-size:25px;letter-spacing:.5px;font-weight:650;margin:10px 0 12px}.card-body>p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 24px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{padding:5px 8px;background:#f5f7f4;border-radius:5px;font-size:10px;color:#5c7263}.entry-arrow{width:34px;height:34px;background:var(--green);color:white;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:none}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:25px 0;color:#89968d;font-size:10px;line-height:1.8}@media(min-width:900px) and (max-height:800px){.site-header{height:72px}main{padding-top:26px}.page-intro{margin-bottom:22px}.card-art{height:180px}.card-body{padding-top:20px}.card-body>p{margin-bottom:18px}}@media(max-width:650px){.site-header{height:72px;padding:0 22px}main{padding:28px 20px 0}.module-grid{grid-template-columns:1fr;gap:22px}.page-intro{margin-bottom:24px}.page-intro>p:last-child{font-size:12px}.card-art{height:190px}.card-body{padding:22px}.design-art{padding:24px 28px}.design-word{font-size:30px}h2{font-size:23px}footer{display:block}footer span{display:block;margin-bottom:5px}}@media(prefers-reduced-motion:reduce){.module-card{transition:none}.module-card:hover{transform:none}}

/* Entry artwork uses original technical materials for 3D, OpenAI artwork for design. */
.card-art.learning-art,.card-art.design-art{padding:0;background:#fff;display:block}.card-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.art-label{bottom:12px;left:16px;font-size:10px;padding:5px 9px;background:#ffffffed}.coming-soon{text-align:center;margin-top:27px;padding:20px 15px 15px;border-top:1px solid var(--line)}.coming-soon p{margin:0;color:#6c8072;font-size:13px;letter-spacing:2px}.coming-soon .device-hint{margin:0 0 10px;color:#345d4a;font-size:14px;letter-spacing:0;font-weight:600}.coming-soon p span{color:#4b8c68}.coming-soon small{display:block;font-size:11px;color:#88968b;letter-spacing:4px;margin-top:13px}footer{padding-top:14px}@media(max-width:650px){.coming-soon{margin-top:24px}.card-art.learning-art{height:auto;aspect-ratio:2.5}}

.original-brand-logo{display:block;object-fit:contain;width:auto;height:68px;max-width:145px}@media(min-width:900px) and (max-height:800px){.original-brand-logo{height:61px}}@media(max-width:650px){.original-brand-logo{height:58px}}


.card-art.learning-art.learning-book-cover{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 24px 23px;background:#fff;height:220px}.learning-book-cover .entry-book-image,.learning-book-cover .entry-structure-image{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.learning-book-cover img{width:100%;height:100%;object-fit:contain}.learning-book-cover .art-label{left:18px;bottom:8px;padding:4px 8px;font-size:10px;box-shadow:none}.learning-book-cover .entry-structure-image{padding:6px 0}@media(min-width:900px) and (max-height:800px){.card-art.learning-art.learning-book-cover{height:180px;padding-top:4px;padding-bottom:22px}}@media(max-width:650px){.card-art.learning-art.learning-book-cover{height:210px;aspect-ratio:auto;padding:6px 18px 24px;gap:4px}.learning-book-cover .art-label{font-size:10px;left:15px}}