/* Approved reference details: chapter order, landscape paper, centered screening gallery. */
.section-number{display:flex;align-items:center;gap:18px;color:#9a6c38;font:400 17px/1.2 var(--font-poetic);letter-spacing:.08em;margin-bottom:22px}
.section-number:after{content:'';width:44px;height:1px;background:currentColor;opacity:.75}
.science-section .section-number{color:#d6be96}
.section-heading{border:0;padding-bottom:0;margin-bottom:38px}.section-heading:after{display:none}
.tools-section{max-width:1440px;padding-block:66px 76px}.tools-section:before{background-image:url('assets/optimized-v45/geography-gallery-ground.webp');background-size:cover;opacity:.12}
#tools-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tool-row,.tool-row:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px 10px 22px;border:1px solid #36594c38;background:#fcfcf8b8;box-shadow:0 5px 16px #173e3405}
.tool-row:last-child{border:1px solid #36594c38;padding-bottom:22px}
.tool-row>.media-frame{order:0;border:0;outline:0;box-shadow:none;width:100%;background:#e8ede6}
.tool-copy{order:1;align-self:auto;padding:20px 10px 0;text-align:left}
.tool-copy h3{font-size:28px;line-height:1.5}.tool-copy p{font-size:18px;line-height:1.8;margin-top:8px}
.tool-access{order:2;align-self:auto;padding:18px 10px 0;margin-top:auto}
.access-pending{font-size:15px;padding:0;border:0;color:#607165;display:flex;align-items:center;gap:8px}
.access-pending:before{content:'';width:5px;height:5px;border:1px solid #9a6c38;border-radius:50%}
.media-empty{font-size:16px;position:relative;z-index:1;padding-top:82px}
.media-empty:before{display:none}
#earth-in-space .media-frame:before{content:'';position:absolute;width:80px;height:80px;border:1px solid #547566;border-radius:50%;top:calc(50% - 62px);background:repeating-linear-gradient(0deg,transparent 0 18px,#54756624 19px 20px)}
#earth-in-space .media-frame:after{content:'';position:absolute;width:146px;height:42px;top:calc(50% - 44px);border:1px solid #ad8f60;border-radius:50%;transform:rotate(-24deg)}
#earth-tool-history .media-frame:before{content:'';position:absolute;width:120px;height:64px;top:calc(50% - 55px);border-block:1px solid #547566;background:repeating-linear-gradient(-8deg,transparent 0 12px,#5475665c 13px 14px);transform:skewY(-7deg)}
.science-section{background:#164d40}.science-section:before{opacity:.65}.science-track{max-width:1000px;margin-inline:auto}
.outside-play{justify-content:flex-start;gap:12px}.outside-play img{border:1px solid #d6be9690;border-radius:50%;padding:4px;width:28px;height:28px}
.science-card>.media-frame{border:3px solid #d2c7a45c;outline:0;box-shadow:0 12px 22px #08251c3b}
#about{position:relative;isolation:isolate;max-width:none;padding-inline:max(var(--pad),calc((100vw - 1280px)/2));padding-top:62px;padding-bottom:28px;gap:42px 64px;background:#f5f6f1}
#about:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/optimized-v45/footer-landscape-v9.webp') left bottom/100% auto no-repeat;opacity:.65;pointer-events:none}
.about-profile{gap:20px;padding-bottom:76px}.about-profile .section-number{margin-bottom:0}.complete-logo{max-width:500px}.about-copy h2{margin-top:2px}.about-copy p{font-size:18px}
.social-section{padding-top:39px}.social-grid{gap:16px;margin-top:26px}.social-card{padding:14px;background:#fcfcf8e8;border:1px solid #36594c33;box-shadow:0 4px 10px #173e3405;transition:border-color .2s,transform .2s}
.social-card:hover{border-color:#8a9b87;transform:translateY(-3px)}
.social-card h3{display:flex;align-items:center;gap:9px;font-size:18px;margin-bottom:15px;white-space:nowrap}
.platform-icon{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:5px;overflow:hidden;background:#131818}
.platform-icon>img{position:static;width:19px;height:19px;filter:invert(1)}.platform-icon.xiaohongshu{background:#e94055}.platform-icon.kuaishou{background:#f57422}
.platform-icon.channels{position:relative;background:#fff}.platform-icon.channels>img{position:absolute;width:193px;height:auto;max-width:none;left:-135px;top:-176px;filter:none}
.social-code{padding:8px;background:white;border:0;display:block}.social-code:hover{background:white}.code-crop{background:white}
.douyin-code{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='49.5' cy='49.5' r='43.5' fill='white'/%3E%3Ccircle cx='79.0' cy='20.3' r='9.2' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat}.douyin-code>img{filter:grayscale(1) brightness(.72) contrast(6)}
.douyin-code:after{content:'';position:absolute;inset:0;background:url('assets/social/douyin.jpg') 50.704225% 44%/146.1039% auto no-repeat;clip-path:circle(18.5% at 49.5% 49.5%)}
#social-full{width:min(380px,100%);margin:auto;padding:16px;background:white}#social-full .code-crop{width:100%}#social-full .code-crop img{max-width:none;max-height:none;margin:0}
.footer-base{background:#f5f6f1a6;padding-top:20px;margin-top:0}
@media(max-width:1100px){#about{grid-template-columns:1fr}.about-profile{padding-bottom:0}.social-section{padding-top:0}.social-grid{max-width:720px}.social-card{padding:16px}}
@media(max-width:800px){.tools-section{padding-block:42px 46px}.section-number{margin-bottom:16px;font-size:16px}.section-heading{margin-bottom:26px}#tools-list{grid-template-columns:1fr;gap:22px}.tool-row,.tool-row:nth-child(even){margin:0;padding:8px 8px 18px}.tool-copy{padding:15px 10px 0}.tool-copy h3{font-size:27px}.tool-copy p{font-size:18px}.tool-access{padding:14px 10px 0;margin-top:0}.media-empty{font-size:16px}.science-section{padding-block:44px 48px}.science-track{margin-inline:0}.social-grid{gap:16px}.social-card h3{font-size:18px}.social-card{padding:12px}.social-code{padding:6px}#about{padding-top:40px;padding-bottom:22px;gap:30px}#about:before{background-size:auto 310px;opacity:.35}.about-profile{gap:18px;padding-bottom:0}.about-copy p{font-size:18px}.social-intro{font-size:16px}.footer-base{margin-top:32px}.complete-logo{max-width:470px}.social-section{padding-top:0}}
@media(prefers-reduced-motion:reduce){.social-card{transition:none}.social-card:hover{transform:none}}
/* v10: restrained headings, portrait beside biography, unified white social cards. */
.section-heading h2{font-size:clamp(32px,3.2vw,46px);line-height:1.35}
.section-heading p{font-size:clamp(19px,1.65vw,23px);margin-top:9px}
.section-number{margin-bottom:16px}
.tools-section:before{background:url('assets/optimized-v45/footer-landscape-v9.webp') right bottom/cover no-repeat;opacity:.32}
.tools-section{padding-top:54px}
.complete-logo{max-width:390px}
.profile-introduction{display:flex;align-items:center;gap:20px;width:100%}
.profile-portrait{width:112px;height:112px;flex:none;object-fit:cover;border-radius:50%;clip-path:circle(49.8%);aspect-ratio:1}
.about-copy{min-width:0}.about-copy p{font-size:17px;line-height:1.85}.profile-roles{display:block}.profile-roles span{display:block}
.about-profile{gap:25px}.profile-back-top{margin-top:0!important;align-self:start;font-size:17px}
.social-section h2{font-size:24px;line-height:1.5}.social-section{padding-top:39px}
.social-card{background:#fff;padding:14px 12px 12px;box-shadow:0 3px 10px #173e3406}
.social-code{background:transparent;padding:0}.social-code:hover{background:transparent}
.social-grid{gap:16px;margin-top:24px}.social-card h3{margin-bottom:14px}
.code-crop{width:100%;overflow:hidden}
.social-card .douyin-code{transform:scale(1.055)}
@media(max-width:1100px){.social-section{padding-top:0}.profile-introduction{max-width:540px}}
@media(max-width:800px){.section-heading h2{font-size:34px}.section-heading p{font-size:20px}.tools-section{padding-top:40px}.complete-logo{max-width:330px}.profile-introduction{gap:15px;align-items:flex-start}.profile-portrait{width:88px;height:88px}.about-copy p{font-size:16px}.profile-roles{margin-top:0!important}.about-profile{gap:22px}.social-section h2{font-size:22px}.social-card{padding:14px}.social-grid{gap:16px}.tools-section:before{background-size:auto 100%;opacity:.24}}
@media(max-width:360px){.profile-portrait{width:70px;height:70px}.profile-introduction{gap:12px}.about-copy p{font-size:15px}.social-card{padding:10px}.social-card h3{gap:6px;font-size:17px}}
/* v11 composition master, rendered into responsive footer plates. */
#about{padding:18px max(40px,calc((100vw - 1320px)/2)) 72px;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:32px;align-items:start}
#about:before{background-size:cover;background-position:center bottom;opacity:.65}
#about .about-profile{padding:0;gap:22px}
#about .section-number{margin:0 0 10px}
#about .complete-logo{max-width:310px}
#about .profile-portrait{width:76px;height:76px}
#about .profile-introduction{gap:16px;align-items:center}
#about .about-copy p{font-size:17px;line-height:1.85}
#about .social-section{padding-top:36px}
#about .social-section h2{font-size:25px;margin-bottom:20px}
#about .social-grid{max-width:none;margin:0;gap:16px}
#about .social-card{padding:14px 12px 12px}
#about .social-card h3{font-size:18px;gap:8px}
#about .profile-back-top{margin-top:10px!important;font-size:17px;min-height:44px}
#about .footer-base{display:none}
@media(min-width:1600px){#about{padding-bottom:92px}}
@media(max-width:1000px){#about{padding:16px 28px 52px;grid-template-columns:1fr;gap:26px}#about .about-profile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px 20px}#about .section-number{grid-column:1/-1}#about .complete-logo{grid-column:1;max-width:280px}#about .profile-introduction{grid-column:1;max-width:540px}#about .profile-back-top{grid-column:2;grid-row:2/4;align-self:center}#about .social-section{padding-top:0}#about .social-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#about .social-section h2{font-size:24px}}
@media(max-width:600px){#about{padding:14px 22px 44px;gap:24px}#about .about-profile{display:flex;gap:16px}#about .complete-logo{max-width:275px}#about .profile-portrait{width:64px;height:64px}#about .profile-introduction{gap:12px}#about .about-copy p{font-size:15px}#about .section-number{margin:0}#about .social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#about .social-section h2{font-size:21px;margin-bottom:18px}#about .social-card{padding:13px 11px}#about .profile-back-top{margin:0!important}#about:before{background-size:auto 100%;background-position:center bottom;opacity:.4}}
#earth-in-space .media-frame,#earth-tool-history .media-frame{background-image:url('assets/optimized-v49/tool-topic-covers-v11.webp');background-size:200% auto;background-position:left center}
#earth-tool-history .media-frame{background-position:right center}
#earth-in-space .media-frame:before,#earth-in-space .media-frame:after,#earth-tool-history .media-frame:before{display:none}
.tool-row .media-empty,.tool-row .media-note{position:absolute;inset:auto 0 0;text-align:left;padding:8px 12px;color:#fff;background:#153d34c9;font-size:14px;letter-spacing:0}
#map-projection .media-frame{background:#eee6d2}#map-projection .media-frame>img{mix-blend-mode:multiply}
.tool-row,.tool-row:nth-child(even),.tool-row:last-child{background:#fcfcf8e8}

@media(max-width:600px){#about:before{background-image:url('assets/optimized-v45/footer-mobile-ground.webp');background-size:100% 100%;background-position:center;opacity:.65}}
/* v14: quiet identity block and four platform tags; QR codes appear only on request. */
#about.simple-footer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px 72px;padding:34px max(32px,calc((100vw - 1240px)/2)) 56px;align-items:center}
#about.simple-footer:before{opacity:.25;background-size:cover}
#about.simple-footer .section-number{display:none}
#about.simple-footer .about-profile{display:flex;flex-direction:column;gap:22px;align-items:flex-start;padding:0}
#about.simple-footer .complete-logo{width:340px;max-width:100%}
#about.simple-footer .profile-introduction{gap:18px;align-items:center}
#about.simple-footer .profile-portrait{width:74px;height:74px}
#about.simple-footer .about-copy p{font-size:17px;line-height:1.8}
#about.simple-footer .profile-back-top{align-self:flex-start;font-size:15px;margin:0!important;min-height:40px}
#about.simple-footer .social-section{padding:0;align-self:center}
#about.simple-footer .social-section h2{font-family:var(--font-body);font-weight:400;font-size:20px;line-height:1.65;margin:0 0 20px}
#about.simple-footer .social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:430px;margin:0}
.platform-tag{display:block;width:100%;min-height:56px;padding:12px 18px;background:#f5f6f1a8;border:1px solid #36594c38;border-radius:6px;text-align:left;transition:background .18s,border-color .18s}
.platform-tag-label{display:flex;align-items:center;gap:12px;font:400 18px/1.5 var(--font-body)}
.platform-tag:hover{background:#e5ece2;border-color:#718773}.platform-tag:active{background:#d9e4d5}.platform-tag:focus-visible{outline:3px solid #986d3b;outline-offset:3px}
#about.simple-footer .footer-base{display:none}
@media(max-width:800px){#about.simple-footer{grid-template-columns:1fr;gap:28px;padding:24px 24px 38px}#about.simple-footer:before{background-image:url('assets/optimized-v45/footer-mobile-ground.webp');background-size:cover;opacity:.3}#about.simple-footer .complete-logo{width:300px}#about.simple-footer .about-profile{gap:18px}#about.simple-footer .profile-portrait{width:66px;height:66px}#about.simple-footer .about-copy p{font-size:16px}#about.simple-footer .profile-introduction{gap:14px}#about.simple-footer .social-section h2{font-size:18px;margin-bottom:14px}#about.simple-footer .social-grid{max-width:none;gap:12px}.platform-tag{padding:11px 14px;min-height:54px}.platform-tag-label{font-size:17px;gap:10px}}
@media(prefers-reduced-motion:reduce){.platform-tag{transition:none}}

#about.simple-footer>.profile-back-top{grid-column:1/-1;justify-self:start;margin:0!important;width:max-content}
/* v15: approved independent reference, reconstructed with original portrait and vector marks. */
#about.simple-footer{grid-template-columns:180px minmax(0,540px) 92px;grid-template-areas:'portrait brand motto' 'portrait bio motto' 'portrait social motto' '. top .';justify-content:center;align-items:center;gap:20px 40px;padding:54px 40px 56px;min-height:450px}
#about.simple-footer:before{opacity:.36;background-position:center bottom}
#about.simple-footer .about-profile,#about.simple-footer .profile-introduction{display:contents}
#about.simple-footer .complete-logo{grid-area:brand;width:370px;max-width:100%;margin:0}
#about.simple-footer .profile-portrait{grid-area:portrait;width:180px;height:180px;padding:5px;border:1px solid #8b9d85;border-radius:50%;clip-path:none;object-fit:cover;background:#f5f6f1;outline:1px solid #f5f6f1;outline-offset:3px}
#about.simple-footer .about-copy{grid-area:bio}
#about.simple-footer .bio-row{display:flex;align-items:flex-start;gap:12px;margin:0 0 10px;font-size:17px;line-height:1.8}
.bio-row svg{width:21px;height:21px;flex:none;fill:currentColor;color:#3e655b;margin-top:4px}.bio-row span{min-width:0}
#about.simple-footer .social-section{grid-area:social;padding-top:12px;border-top:1px solid #36594c30}
#about.simple-footer .social-section h2{font-size:16px;margin:0 0 14px;color:#526a60}
#about.simple-footer .social-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:400px;gap:18px}
#about.simple-footer .platform-tag{padding:6px 4px;background:transparent;border:0;border-radius:4px;min-height:84px}
#about.simple-footer .platform-tag:hover{background:#e5ece299}
.platform-tag-label{flex-direction:column;gap:8px;font-size:16px}
.platform-tag .platform-icon{width:46px;height:46px;border-radius:11px}
.platform-tag .platform-icon>img{width:32px;height:32px}
.platform-tag .platform-icon.channels{background:transparent;border-radius:0;overflow:visible}
.platform-tag .platform-icon.channels>img{position:static;width:46px;height:46px;max-width:100%;filter:none}
.footer-motto{grid-area:motto;justify-self:end;display:flex;gap:18px;writing-mode:vertical-rl;border-right:1px solid #a5b0a0;padding-right:15px;font:400 23px/1.7 var(--font-poetic);letter-spacing:.16em;color:#3e655b;align-self:center}
#about.simple-footer>.profile-back-top{grid-area:top;justify-self:end;border:1px solid #789185;border-radius:30px;padding:7px 22px;font-size:15px;min-height:40px}
@media(max-width:900px){#about.simple-footer{grid-template-columns:130px minmax(0,1fr) 64px;gap:18px 26px;padding:38px 30px 44px}#about.simple-footer .profile-portrait{width:130px;height:130px}#about.simple-footer .complete-logo{width:330px}.footer-motto{font-size:19px;gap:12px;padding-right:10px}}
@media(max-width:600px){#about.simple-footer{grid-template-columns:78px minmax(0,1fr);grid-template-areas:'portrait brand' 'bio bio' 'social social' 'motto motto' 'top top';gap:20px 14px;padding:28px 24px 34px;min-height:0}#about.simple-footer .profile-portrait{width:78px;height:78px;padding:3px}#about.simple-footer .complete-logo{width:100%}#about.simple-footer .bio-row{font-size:16px;gap:10px;margin-bottom:9px}#about.simple-footer .social-section{padding-top:17px}#about.simple-footer .social-grid{max-width:none;gap:10px}#about.simple-footer .social-section h2{font-size:16px}.platform-tag-label{font-size:15px}.platform-tag .platform-icon{width:42px;height:42px}.platform-tag .platform-icon.channels>img{width:42px;height:42px}.footer-motto{writing-mode:horizontal-tb;justify-self:center;gap:10px;border:0;padding:0;font-size:17px;letter-spacing:.04em;flex-wrap:wrap;justify-content:center}#about.simple-footer>.profile-back-top{justify-self:center}#about.simple-footer:before{background-image:url('assets/optimized-v45/footer-mobile-ground.webp');background-position:center bottom;opacity:.3}}

.footer-motto{display:block}.footer-motto span{display:block}.footer-motto span+span{margin-right:12px}
@media(max-width:600px){.footer-motto{display:flex}.footer-motto span+span{margin-right:0}}
/* v16: screenshot-directed alignment and restrained typographic refinement. */
#about.simple-footer{grid-template-columns:minmax(0,1fr) 180px minmax(0,540px) minmax(24px,1fr) 106px;grid-template-areas:'brand brand brand brand brand' '. portrait bio . motto' '. portrait social . motto';gap:24px 28px;padding:28px 56px 66px;min-height:460px}
#about.simple-footer .complete-logo{width:320px;justify-self:start;margin-bottom:10px}
#about.simple-footer .bio-row{font-family:var(--font-body);font-size:18px;line-height:1.95;letter-spacing:.015em;margin-bottom:9px}
#about.simple-footer .social-section h2{font-family:var(--font-poetic);font-size:23px;line-height:1.6;margin-bottom:14px;letter-spacing:.035em}
#about.simple-footer .social-grid{max-width:450px;gap:20px}
.platform-tag .platform-icon{width:54px;height:54px;border-radius:12px}
.platform-tag .platform-icon>img{width:38px;height:38px}
.platform-tag .platform-icon.channels>img{width:54px;height:54px}
.footer-motto{font-size:23px;letter-spacing:.12em;align-self:center}
@media(max-width:1100px){#about.simple-footer{grid-template-columns:130px minmax(0,1fr) 94px;grid-template-areas:'brand brand brand' 'portrait bio motto' 'portrait social motto';padding:28px 32px 48px;gap:22px 26px}#about.simple-footer .profile-portrait{width:130px;height:130px}#about.simple-footer .bio-row{font-size:17px}.footer-motto{font-size:21px}}
@media(max-width:600px){#about.simple-footer{grid-template-columns:78px minmax(0,1fr);grid-template-areas:'brand brand' 'portrait bio' 'social social' 'motto motto';padding:24px 22px 36px;gap:24px 16px;min-height:0}#about.simple-footer .complete-logo{width:280px;margin:0}#about.simple-footer .profile-portrait{width:78px;height:78px;align-self:start}#about.simple-footer .bio-row{font-size:15px;line-height:1.85;gap:7px;letter-spacing:0;margin-bottom:10px}.bio-row svg{width:17px;height:17px;margin-top:5px}#about.simple-footer .social-section h2{font-size:21px}#about.simple-footer .social-grid{gap:8px}.platform-tag .platform-icon{width:48px;height:48px}.platform-tag .platform-icon>img{width:34px;height:34px}.platform-tag .platform-icon.channels>img{width:48px;height:48px}.footer-motto{font-size:17px;line-height:1.8;letter-spacing:.02em;gap:0 12px}}
/* v17: supplied composition — portrait, introduction, platforms and motto share one row. */
@media(min-width:1101px){
 #about.simple-footer{grid-template-columns:minmax(0,.55fr) minmax(160px,.85fr) minmax(250px,1.3fr) minmax(300px,1.6fr) 110px;grid-template-areas:'brand brand brand brand brand' '. portrait bio social motto';grid-template-rows:64px auto;gap:20px clamp(22px,2.7vw,42px);padding:24px 48px 96px;min-height:460px;align-items:center}
 #about.simple-footer .complete-logo{width:320px;margin:0}
 #about.simple-footer .profile-portrait{width:190px;height:190px;max-width:100%;aspect-ratio:1;justify-self:center}
 #about.simple-footer .about-copy{align-self:center}
 #about.simple-footer .bio-row{font-size:18px;line-height:1.65;margin-bottom:17px;gap:12px}
 #about.simple-footer .bio-row:last-child{margin-bottom:0}
 #about.simple-footer .social-section{border-top:0;padding:0;align-self:center}
 #about.simple-footer .social-section h2{font-size:23px;white-space:nowrap;letter-spacing:0;margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid #36594c30}
 #about.simple-footer .social-grid{max-width:none;gap:14px}
 #about.simple-footer .platform-tag{padding:0 2px;min-height:84px}
 .footer-motto{font-size:23px;justify-self:end}
}
@media(min-width:1101px) and (max-width:1250px){#about.simple-footer{padding-left:30px;padding-right:30px;grid-template-columns:minmax(0,.15fr) 150px minmax(230px,1fr) minmax(280px,1.2fr) 90px;gap:20px}#about.simple-footer .profile-portrait{width:150px;height:150px}#about.simple-footer .bio-row{font-size:16px}#about.simple-footer .social-section h2{font-size:21px}.footer-motto{font-size:21px}}
.bio-desktop-break{display:none}@media(min-width:1101px){.bio-desktop-break{display:block}}
/* v18: larger identity assets and the approved rightward alignment. */
#about.simple-footer .complete-logo{width:380px}
#about.simple-footer .social-section h2{white-space:normal}
#social-title span{display:block}
@media(min-width:1251px){
 #about.simple-footer{grid-template-columns:22% 17% 22% 31% 8%;column-gap:0;grid-template-rows:74px auto}
 #about.simple-footer .profile-portrait{width:220px;height:auto;justify-self:start;transform:translateY(-26px)}
 #about.simple-footer .about-copy{padding:0 14px;transform:translateY(-14px)}
 #about.simple-footer .bio-row{font-size:20px;line-height:1.75;gap:12px;margin-bottom:18px;letter-spacing:0}
 #about.simple-footer .social-section{padding:0 24px 0 12px}
 #about.simple-footer .social-section h2{font-size:23px;line-height:1.5;margin-bottom:16px}
}
@media(min-width:601px) and (max-width:1250px){#about.simple-footer .complete-logo{width:350px}}
@media(max-width:600px){#about.simple-footer .complete-logo{width:300px;max-width:100%}#about.simple-footer{grid-template-columns:88px minmax(0,1fr)}#about.simple-footer .profile-portrait{width:88px;height:88px}#about.simple-footer .bio-row{font-size:16px}#about.simple-footer .social-section h2{font-size:21px}}
@media(min-width:1251px){#about.simple-footer .about-copy p.bio-row{font-size:20px;line-height:1.75}}@media(max-width:600px){#about.simple-footer .about-copy p.bio-row{font-size:16px;line-height:1.85}}
/* v19: remove biography and give the platform links the central space. */
#about.simple-footer{grid-template-areas:'brand brand brand' 'portrait social motto';grid-template-columns:130px minmax(0,1fr) 94px}
#about.simple-footer .social-section h2{text-align:center}
#social-title span{display:inline}
#about.simple-footer .social-grid{max-width:none;gap:24px}
.platform-tag .platform-icon{width:64px;height:64px;border-radius:14px}
.platform-tag .platform-icon>img{width:45px;height:45px}
.platform-tag .platform-icon.channels>img{width:64px;height:64px}
@media(min-width:1251px){
 #about.simple-footer{grid-template-columns:22% 17% 53% 8%;grid-template-areas:'brand brand brand brand' '. portrait social motto'}
 #about.simple-footer .social-section{padding:0 48px 0 42px}
 #about.simple-footer .social-section h2{font-size:clamp(20px,1.5vw,25px);white-space:nowrap;margin-bottom:22px;padding-bottom:16px}
 #about.simple-footer .social-grid{gap:32px}
 #about.simple-footer .platform-tag{min-height:104px}
 .platform-tag-label{gap:13px;font-size:17px}
}
@media(min-width:1101px) and (max-width:1250px){#about.simple-footer{grid-template-columns:160px minmax(0,1fr) 90px;grid-template-areas:'brand brand brand' 'portrait social motto'}#about.simple-footer .social-section{padding:0 24px}#about.simple-footer .social-section h2{font-size:21px;white-space:nowrap}}
@media(max-width:600px){
 #about.simple-footer{grid-template-columns:1fr;grid-template-areas:'brand' 'portrait' 'social' 'motto';gap:24px}
 #about.simple-footer .profile-portrait{width:112px;height:112px;justify-self:center}
 #about.simple-footer .social-section h2{font-size:20px;line-height:1.7;white-space:normal;text-wrap:balance}
 #about.simple-footer .social-grid{gap:12px}
 .platform-tag .platform-icon{width:54px;height:54px;border-radius:12px}
 .platform-tag .platform-icon>img{width:38px;height:38px}
 .platform-tag .platform-icon.channels>img{width:54px;height:54px}
 .platform-tag-label{font-size:15px;gap:10px}
}
/* v20: align portrait centre with the indicated horizontal axis; shift both groups left. */
@media(min-width:1251px){
 #about.simple-footer .profile-portrait{transform:translate(-42px,-4px)}
 #about.simple-footer .social-section{transform:translateX(-34px)}
}
/* v21: source-resolution QR crops and quiet platform feedback. */
#about.simple-footer .platform-tag:hover,#about.simple-footer .platform-tag:active{background:transparent}
.platform-tag .platform-icon{transition:transform .18s ease,filter .18s ease}
@media(hover:hover){.platform-tag:hover .platform-icon{transform:translateY(-4px);filter:drop-shadow(0 5px 5px #173e3422)}}
#social-dialog{width:min(450px,calc(100vw - 32px));padding:48px 24px 24px;background:#fff;border:0;border-radius:12px;box-shadow:0 16px 70px #0b211c40}
#social-full{width:min(360px,100%);padding:0;background:transparent;max-height:none}
#social-full .qr-image{display:block;position:static;width:100%;height:auto;max-width:100%;max-height:65dvh;object-fit:contain;margin:0;filter:none}
#social-full .qr-douyin{border-radius:50%}
#social-dialog #social-scan-hint{font-family:var(--font-body);font-size:16px;line-height:1.7;margin:20px 0 0;color:#315348;text-wrap:balance}
#social-dialog .social-close{right:8px;top:6px;border:0;border-radius:50%;font-size:28px;color:#315348}
#social-dialog .social-close:hover{background:#eff3ef}
@media(prefers-reduced-motion:reduce){.platform-tag .platform-icon{transition:none}}
#social-full .qr-douyin{border-radius:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='49.5' fill='white'/%3E%3Ccircle cx='81.5' cy='20' r='12.5' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat}
#social-dialog #social-scan-hint{color:#000;font-size:20px;line-height:1.65;margin-top:22px}
/* v22: crisp close icon, without a filled hover disc or sticky touch highlight. */
#social-dialog .social-close{display:grid;place-items:center;width:44px;height:44px;right:8px;top:6px;padding:0;font-size:0;background:transparent;border:0;border-radius:4px;-webkit-tap-highlight-color:transparent;color:#526b63}
#social-dialog .social-close::before,#social-dialog .social-close::after{content:'';position:absolute;width:19px;height:1.5px;background:currentColor;border-radius:1px;transform:rotate(45deg)}
#social-dialog .social-close::after{transform:rotate(-45deg)}
#social-dialog .social-close:hover,#social-dialog .social-close:active{background:transparent}
#social-dialog .social-close:focus:not(:focus-visible){outline:none}
#social-dialog .social-close:focus-visible{outline:1px solid #789185;outline-offset:-6px}
@media(hover:hover){#social-dialog .social-close:hover{color:#173e34}}
/* v23: mobile annotation — lift the composition and keep the scan instruction together. */
@media(max-width:600px){
 #about.simple-footer{padding-top:10px;gap:16px}
 #about.simple-footer .complete-logo{justify-self:end}
 #about.simple-footer .social-section{padding-top:12px}
 #about.simple-footer #social-title>span{display:block}
 #about.simple-footer #social-title .social-desktop-comma{display:none}
 #about.simple-footer .social-section h2{font-size:clamp(17px,5.1vw,20px);line-height:1.7;text-wrap:initial;margin-bottom:14px}
}
@media(max-width:600px){#about.simple-footer .complete-logo{justify-self:start}}
@media(max-width:600px){#about.simple-footer{row-gap:8px;padding-bottom:68px}}
@media(max-width:600px){#about.simple-footer .complete-logo{transform:translate(-10px,-8px)}}
/* v24: local field-note texture, feathered into the page rather than a landscape panel. */
.tools-section:before{background:url('assets/optimized-v45/tools-landforms-v26.webp') center/100% 100% no-repeat;opacity:.58;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent);mask-composite:intersect}
@media(max-width:800px){.tools-section:before{background-size:auto 520px;background-position:right top;opacity:.42;mask-image:linear-gradient(to right,transparent,#000 10%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 36px,#000 300px,transparent 520px);mask-composite:intersect}}
/* v25: independently placed instruments and minerals, outside the card footprint. */
.tools-section{padding-bottom:138px}
.tools-section:before{inset:0 0 auto auto;width:520px;max-width:62%;height:226px;background:url('assets/optimized-v45/tools-landforms-v26.webp') right top/640px auto no-repeat;opacity:.46;mask-image:linear-gradient(to right,transparent,#000 16%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 85%,transparent);mask-composite:intersect}
.tools-section:after{content:'';position:absolute;z-index:-1;pointer-events:none;left:28px;bottom:8px;width:420px;max-width:75%;height:116px;background:url('assets/optimized-v45/tools-landforms-v26.webp') left bottom/590px auto no-repeat;opacity:.55;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 9%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 83%,transparent);mask-composite:intersect}
@media(max-width:800px){.tools-section{padding-bottom:126px}.tools-section:before{width:230px;max-width:60%;height:174px;background-size:460px auto;opacity:.3}.tools-section:after{left:16px;width:310px;max-width:90%;height:108px;background-size:530px auto;opacity:.5}}


/* v26: a broader single desert-landform vignette; minerals remain below the cards. */
.tools-section:before{width:740px;max-width:68%;height:226px;background-size:700px auto;background-position:right -12px;opacity:.52}
.tools-section:after{background-size:500px auto;opacity:.5}
@media(max-width:800px){.tools-section:before{width:260px;max-width:62%;height:174px;background-size:450px auto;background-position:right top;opacity:.32}.tools-section:after{background-size:460px auto}}
@media(min-width:1251px){#about.simple-footer .social-section{transform:translateX(-66px)}}

/* v28 supplied final covers retain their original colors. */
#map-projection .media-frame>img{mix-blend-mode:normal}

/* v29: restrained controls, centered play, live tool previews. */
.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff9;background:#15352b59;color:#fff;box-shadow:0 2px 12px #102a2330;transition:background .2s}
.center-play svg{position:static;width:32px;height:32px;fill:currentColor;stroke:none;margin-left:3px}
.media-link:hover .center-play,.media-link:focus-visible .center-play{background:#15352b99}
.tool-row video{opacity:0}.tool-row video.preview-ready{opacity:1}
.tool-row .preview-pause{left:8px;bottom:8px;min-width:44px;min-height:44px;padding:0;background:#15352b59;border:1px solid #fff6;border-radius:50%;font-size:19px}
.tool-access .get-tool{gap:20px;background:transparent;color:var(--river);border:1px solid #164d4066;border-radius:28px;padding:10px 23px;font-size:18px;min-height:50px;box-shadow:none}
.tool-access .get-tool:hover{background:#164d400c;border-color:var(--river)}
.get-tool svg,.video-download svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.science-card>.video-download{display:flex;width:44px;height:44px;min-height:44px;margin:12px 0 0 auto;padding:10px;border:0;border-radius:50%;text-decoration:none;color:#f5f6f1}
.science-card>.video-download:hover{background:#f5f6f118}.science-description{margin-top:4px}

/* v30: centered optical play mark, no corner control. */
.center-play{width:60px;height:60px;padding:0;box-sizing:border-box;border:1px solid rgba(255,255,255,.65);background:rgba(20,39,33,.25);box-shadow:inset 0 0 0 4px rgba(255,255,255,.055),0 3px 16px rgba(8,24,20,.14);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.center-play svg{position:static;display:block;width:30px;height:30px;margin:0;overflow:visible;fill:rgba(255,255,255,.94);stroke:rgba(255,255,255,.94);stroke-width:1.7;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(10,30,24,.15))}
.media-link:hover .center-play,.media-link:focus-visible .center-play{background:rgba(20,39,33,.42);border-color:rgba(255,255,255,.9)}

/* v32: downloads live at the lower right of the image. */
.science-media{position:relative;aspect-ratio:9/16;min-width:0}
.science-media>.media-frame{position:absolute;inset:0;width:100%;height:100%;border:3px solid #d2c7a45c;box-sizing:border-box;box-shadow:0 12px 22px #08251c3b}
.science-media>.video-download{position:absolute;z-index:4;right:9px;bottom:9px;display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border:1px solid #f5f6f14d;border-radius:10px;background:#102d25a6;color:#f5f6f1;text-decoration:none;backdrop-filter:blur(5px)}
.science-media>.video-download:hover{background:#102d25df;border-color:#f5f6f199}
.science-card>.science-description{margin-top:18px}
.tool-access .get-tool{display:inline-flex;width:auto;max-width:100%;min-height:50px;padding:5px 6px 5px 18px;gap:18px;border:1px solid #164d402e;border-radius:12px;background:#edf2ed;color:#174b3d;font-size:18px;box-shadow:0 2px 4px #173e3405;transition:background .18s,border-color .18s}
.tool-access .get-tool-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:8px;background:#164d4010}
.tool-access .get-tool:hover{background:#e3ece5;border-color:#164d4066}
.tool-access .get-tool:focus-visible{outline:2px solid #174b3d;outline-offset:4px}
@media(max-width:800px){.science-media>.video-download{right:7px;bottom:7px}.science-card>.science-description{margin-top:15px}}

/* v33: quiet default; unified pale-green interaction state. */
.science-media>.video-download{background:rgba(20,39,33,.25);border-color:rgba(255,255,255,.65);box-shadow:inset 0 0 0 4px rgba(255,255,255,.055),0 3px 16px rgba(8,24,20,.14);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.science-media>.video-download:hover,.science-media>.video-download:focus-visible,.science-media>.video-download:active{background:rgba(20,39,33,.42);border-color:rgba(255,255,255,.9)}
.tool-access .get-tool{background:#f9fefb;border-color:#9fbeb1;box-shadow:0 2px 4px #173e3405}
.tool-access .get-tool-icon{background:#eaf7ef;transition:background .18s}
.tool-access .get-tool:hover,.tool-access .get-tool:focus-visible,.tool-access .get-tool:active{background:#e2f1e7;border-color:#88af9d}
.tool-access .get-tool:hover .get-tool-icon,.tool-access .get-tool:focus-visible .get-tool-icon,.tool-access .get-tool:active .get-tool-icon{background:transparent}

/* v34: short copy stays complete, with balanced reading lines. */
.tool-copy p,.science-description{width:100%;max-width:none;white-space:normal;text-wrap:wrap}
.tool-copy{container-type:inline-size}
.tool-copy h3{font-size:clamp(17px,7cqi,28px);white-space:nowrap;letter-spacing:0}

/* v35: retain selected copy and type size in the narrow three-column range. */
@media(min-width:801px) and (max-width:900px){.tool-copy,.tool-access{padding-inline:0}}

/* v36: landscape tool modal and a fifth platform. */
#about.simple-footer .social-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.platform-tag .platform-icon.bilibili{background:#00a1d6}
.platform-tag .platform-icon.bilibili>img{filter:brightness(0) invert(1)}
#social-full .qr-bilibili{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:600px){#about.simple-footer .social-grid{gap:5px}.platform-tag .platform-icon{width:42px;height:42px}.platform-tag .platform-icon>img{width:30px;height:30px}.platform-tag-label{font-size:14px}}

/* v37: compensate for Channels' 3-unit top/bottom SVG padding. */
@media(max-width:600px){.platform-tag .platform-icon.channels{display:grid;place-items:center;width:42px;height:42px;overflow:visible}.platform-tag .platform-icon.channels>img{width:56px;height:56px;max-width:none;max-height:none;object-fit:contain;margin:0;transform:translate(-7px,-7px)}}

/* v39 · finesse component: quiet supplemental download, matching the tool controls. */
.new-tool-access{display:flex;justify-content:center;margin-top:34px}
.earth-motion-download{display:inline-grid;grid-template-columns:auto auto 40px;align-items:center;gap:18px;max-width:100%;padding:10px 12px 10px 22px;border:1px solid #9fbeb1;border-radius:12px;background:#f9fefbe6;color:var(--river);text-decoration:none;box-shadow:0 3px 12px #173e3406;transition:background .18s,border-color .18s}
.new-tool-label{font-size:14px;letter-spacing:.04em;color:#486c5d;white-space:nowrap}
.new-tool-name{font-size:18px;line-height:1.5;white-space:nowrap}
.new-tool-download-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#eaf7ef}
.new-tool-download-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.earth-motion-download:hover{background:#e2f1e7;border-color:#88af9d}}
.earth-motion-download:focus-visible{outline:2px solid #174b3d;outline-offset:4px;background:#e2f1e7}
.earth-motion-download:active{background:#d5e9dc;border-color:#88af9d}
@media(max-width:600px){.new-tool-access{margin-top:24px}.earth-motion-download{grid-template-columns:minmax(0,1fr) 40px;gap:3px 14px;padding:12px 14px;width:100%;max-width:340px}.new-tool-label{font-size:13px}.new-tool-name{grid-column:1;font-size:17px}.new-tool-download-icon{grid-column:2;grid-row:1/3}}
@media(prefers-reduced-motion:reduce){.earth-motion-download{transition:none}}

/* v40: an editorial new-release strip, with a subject-specific orbital mark. */
.new-tool-access{margin-top:36px}
.earth-motion-download{grid-template-columns:64px minmax(0,1fr) 44px;gap:22px;width:440px;max-width:100%;padding:16px 20px;border:0;border-top:1px solid #b8c5b6;border-bottom:1px solid #b8c5b6;border-radius:0;background:transparent;box-shadow:none;position:relative}
.new-tool-orbit{display:block;width:64px;height:64px;color:#718575}
.new-tool-orbit svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.05}
.new-tool-orbit .orbit-point{fill:#ae8150;stroke:#f5f6f1;stroke-width:2}
.new-tool-copy{display:flex;flex-direction:column;gap:7px}
.new-tool-label{font-size:12px;line-height:1.4;letter-spacing:.12em;color:#8a6239}
.new-tool-label>span{letter-spacing:.06em}
.new-tool-name{font-size:23px;line-height:1.4;letter-spacing:.04em;color:#174b3d}
.new-tool-kind{font-size:14px;letter-spacing:0;margin-left:12px;color:#486c5d}
.new-tool-download-icon{width:44px;height:44px;border-radius:50%;background:#225344;color:#f5f6f1;transition:background .18s}
.new-tool-download-icon svg{width:21px;height:21px}
@media(hover:hover){.earth-motion-download:hover{background:#e8eee580;border-color:#8ea692}.earth-motion-download:hover .new-tool-download-icon{background:#356b57}}
.earth-motion-download:focus-visible{background:#e8eee580}
.earth-motion-download:active{background:#dfe9df}
@media(max-width:600px){.new-tool-access{margin-top:28px}.earth-motion-download{grid-template-columns:48px minmax(0,1fr) 44px;gap:12px;width:100%;max-width:380px;padding:16px 4px}.new-tool-orbit{width:48px;height:48px}.new-tool-name{grid-column:auto;font-size:21px}.new-tool-kind{display:block;font-size:13px;margin-left:0;margin-top:2px}.new-tool-label{font-size:11px;letter-spacing:.04em}.new-tool-copy{gap:5px}.new-tool-download-icon{grid-column:auto;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.new-tool-download-icon{transition:none}}

/* v41: generated atlas artwork with accessible live text and download control. */
.earth-motion-download{display:block;width:660px;max-width:100%;aspect-ratio:3/1;padding:0;border:1px solid #c4cbbb;border-radius:12px;overflow:hidden;background:#f5f3e9;box-shadow:0 5px 18px #173e3408}
.new-tool-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.earth-motion-download .new-tool-copy{position:absolute;left:35%;right:19%;top:50%;transform:translateY(-50%);gap:10px}
.earth-motion-download .new-tool-label{font-size:12px;color:#815b32;letter-spacing:.08em}
.earth-motion-download .new-tool-name{font-size:30px;line-height:1.4;letter-spacing:.08em}
.earth-motion-download .new-tool-kind{display:block;font-size:15px;line-height:1.5;margin:3px 0 0;letter-spacing:.15em}
.earth-motion-download .new-tool-download-icon{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:12px;border:1px solid #9fbeb1;background:#f9fefb;color:#174b3d;box-shadow:0 2px 4px #173e3405}
@media(hover:hover){.earth-motion-download:hover .new-tool-download-icon{background:#e2f1e7;border-color:#88af9d}}
.earth-motion-download:focus-visible .new-tool-download-icon,.earth-motion-download:active .new-tool-download-icon{background:#e2f1e7}
@media(max-width:600px){.earth-motion-download{width:100%;max-width:420px;border-radius:10px}.earth-motion-download .new-tool-copy{left:34%;right:18%;gap:4px}.earth-motion-download .new-tool-label{font-size:10px;letter-spacing:0}.earth-motion-download .new-tool-name{font-size:21px;letter-spacing:.04em}.earth-motion-download .new-tool-kind{font-size:12px;letter-spacing:.08em;margin-top:0}.earth-motion-download .new-tool-download-icon{width:44px;height:44px;right:3%;border-radius:10px}}
@media(max-width:350px){.earth-motion-download .new-tool-name{font-size:19px}.earth-motion-download .new-tool-label{font-size:9px}.earth-motion-download .new-tool-copy{gap:2px}}

/* v43: feather the paper into the page; keep the real control quiet and tactile. */
.earth-motion-download,.earth-motion-download:hover,.earth-motion-download:focus-visible,.earth-motion-download:active{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.earth-motion-download .new-tool-art{mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 7%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 80%,transparent);-webkit-mask-composite:source-in}
.earth-motion-download .new-tool-download-icon{width:44px;height:44px;border-radius:50%;border:1px solid #9b815445;background:#a98b5210;color:#48634c;box-shadow:none;transition:background .18s,border-color .18s,color .18s}
.earth-motion-download .new-tool-download-icon svg{width:20px;height:20px;stroke-width:1.5}
@media(hover:hover){.earth-motion-download:hover .new-tool-download-icon{background:#a98b5226;border-color:#9b815480;color:#174b3d}}
.earth-motion-download:focus-visible{outline:2px solid #48634c;outline-offset:5px}
.earth-motion-download:focus-visible .new-tool-download-icon,.earth-motion-download:active .new-tool-download-icon{background:#a98b5226;border-color:#9b815480;color:#174b3d}
@media(prefers-reduced-motion:reduce){.earth-motion-download .new-tool-download-icon{transition:none}}

/* v44: a larger download target within the artwork's reserved space. */
.earth-motion-download .new-tool-download-icon{width:58px;height:58px}
.earth-motion-download .new-tool-download-icon svg{width:26px;height:26px}
@media(max-width:600px){.earth-motion-download .new-tool-download-icon{width:50px;height:50px;right:2%}.earth-motion-download .new-tool-download-icon svg{width:24px;height:24px}}

/* v51: four science films share a single desktop row; phones retain the swipe rail. */
@media(min-width:801px){.science-track{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1320px;gap:clamp(18px,2.5vw,36px)}.science-card>.science-description{font-size:clamp(16px,1.32vw,19px)}}
#moon-phases .media-note{position:absolute;right:9px;bottom:9px;margin:0;padding:4px 9px;background:#142721a6;color:#f5f6f1;border-radius:4px;font-size:13px}
@media(min-width:801px) and (max-width:1000px){.science-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.science-card{flex:0 0 220px;scroll-snap-align:start}.swipe-hint{display:block;text-align:center;margin-top:12px}}