:root{color-scheme:dark;--bg:#14171c;--panel:#20242b;--text:#eef0f3;--muted:#a4acb8;--edge:#ffffff20;--accent:#d8e3f0;font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:radial-gradient(ellipse at 80% 0,#303741 0,transparent 38%),var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c2dcff;outline-offset:4px}button:hover,a:hover{color:#fff}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.skip{position:fixed;top:-80px;left:15px;background:white;color:#14171c;padding:12px;z-index:99}.skip:focus{top:10px}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff1a;background:#161a20ed;backdrop-filter:blur(24px)}.top-inner{max-width:1600px;margin:auto;min-height:78px;display:flex;align-items:center;gap:30px;padding:12px 4%}.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-.8px;flex-shrink:0}.logo-symbol{font:italic 900 40px Georgia;color:#e9edf2;text-shadow:0 2px 0 #697482,0 -1px 0 white;letter-spacing:-13px;width:55px}.logo-symbol span{color:#959ea9}.logo-emp{font-weight:400;color:#a9b2c0}.logo small{font-size:9px;letter-spacing:2px;display:block;color:#a0a9b6;margin-top:2px}.topbar nav{display:flex;gap:22px;font-size:13px;white-space:nowrap;color:#b4bcc7}.topbar nav a.current{color:white;position:relative}.topbar nav a.current:after{content:"";position:absolute;bottom:-25px;left:0;right:0;height:3px;background:linear-gradient(90deg,#788593,#eff7ff,#73808b)}#search{display:flex;align-items:center;gap:10px;flex:1;max-width:460px;margin:auto;background:linear-gradient(#0e1117,#20252d);border:1px solid #6c768353;box-shadow:inset 0 2px 5px #0005,0 1px 0 #ffffff16;border-radius:10px;padding:5px 6px 5px 14px}#search svg{width:19px;height:19px;fill:none;stroke:#a4afbd;stroke-width:1.8;flex-shrink:0}input{min-width:0;width:100%;border:0;background:none;color:#f4f6f8;outline-offset:2px!important;font-size:13px}input::placeholder{color:#939dac}#search button{padding:7px 13px;border-radius:6px;font-size:12px;white-space:nowrap;background:linear-gradient(125deg,#7c8693,#e8edf4 35%,#a6b1c0 68%,#d5dee9);color:#1a222b;border:1px solid #ffffff6b;box-shadow:inset 0 1px 1px #fff9}.personal{display:flex;align-items:center;gap:21px;white-space:nowrap}.icon-action{font-size:10px;color:#b6beca;padding:0}.icon-action span{display:block;font-size:24px;margin-bottom:2px;line-height:1.1}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(130deg,#758290,#e3e9ef 42%,#8898a9);color:#242e39;border:1px solid #d6e0ed70;font:700 16px Georgia}.masthead{position:relative;overflow:hidden;height:202px;border-bottom:1px solid #77849255;background:radial-gradient(ellipse at 83% 45%,#d2dce749,#222a3522 40%),linear-gradient(115deg,#262d36,#151a21 47%,#6f7b88);isolation:isolate}.masthead:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff02 4px);pointer-events:none}.masthead-inner{max-width:1480px;margin:auto;padding:30px 28px;position:relative;z-index:2;pointer-events:none}.season{font-size:11px;color:#a9b7c8;letter-spacing:3px}h1{font-size:clamp(22px,2.5vw,34px);font-weight:550;letter-spacing:2px;margin:10px 0 9px;line-height:1.4}.masthead p{font-size:12px;color:#bac3cf;margin:0;letter-spacing:1px}.banner-note{display:block;font-size:10px;color:#8e9aab;margin-top:24px}.liquid-art{position:absolute;right:5%;top:-16%;width:42%;height:138%;border-radius:48%;overflow:hidden;transform:rotate(-12deg);opacity:.9;mask-image:radial-gradient(ellipse,#000 25%,#000a 45%,transparent 70%)}.liquid-art canvas{position:absolute;width:100%;height:100%;inset:0;filter:contrast(1.3)}.chrome-orbit{position:absolute;right:10%;top:27px;width:240px;height:142px;border:29px solid #c4cdd7;border-radius:50%;transform:rotate(-24deg);background:transparent;box-shadow:inset 1px 4px 8px #fff, inset -5px -5px 14px #000, 5px 10px 20px #0008, -2px -3px 3px #ffffffe0;z-index:1;pointer-events:none}.chrome-orbit:after{content:"";position:absolute;inset:-28px;border-radius:50%;border:9px solid #71809077;box-shadow:inset 2px 2px 5px #f4faff;transform:rotate(55deg) scale(.8,1.45)}.motion-toggle{position:absolute;right:25px;bottom:15px;z-index:4;font-size:10px;background:#101821bf;border:1px solid #dbe7f033;border-radius:20px;padding:6px 10px;color:#c2cad5}.channel-wrap{border-bottom:1px solid #ffffff0d;background:#1b1f26}.channels{max-width:1480px;margin:auto;display:flex;align-items:center;gap:28px;padding:23px 28px}.quick-channels{display:flex;gap:21px}.quick-channels button{padding:0;display:grid;gap:8px;justify-items:center;font-size:11px;color:#b9c2ce}.quick-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font-size:24px;color:#19232f;background:linear-gradient(125deg,#697682,#e1e9f2 35%,#8798aa 62%,#e5eff7);border:1px solid #d8e2ed88;box-shadow:inset 0 1px 2px white,0 4px 8px #0004}.quick-icon.pink{background:linear-gradient(130deg,#77656a,#f2e1e0,#9d8a94,#e2d8df)}.quick-icon.gold{background:linear-gradient(130deg,#7e786b,#eae6d3,#a0a397,#e2e7df)}.subject-channels{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;border-left:1px solid #ffffff18;padding-left:28px}.subject-channels button{background:linear-gradient(#303640,#222730);border:1px solid #8692a233;border-radius:7px;padding:10px 5px;box-shadow:inset 0 1px 0 #ffffff0c;white-space:nowrap;font-size:12px}.subject-channels small{display:block;color:#8f9cac;font:9px system-ui;margin-top:6px}.subject-channels button[aria-pressed=true]{background:linear-gradient(125deg,#7a8796,#dce5ef 38%,#a5b2c2 80%);color:#17212e;border-color:#d2dce9}.subject-channels button[aria-pressed=true] small{color:#35475d}.channel-aside{font-size:10px;border-left:1px solid #ffffff18;padding-left:25px;line-height:2.3;white-space:nowrap}.channel-aside strong{display:block;font-weight:400;color:#9aa6b5}.channel-aside a{color:#dce5ef}main{max-width:1480px;padding:26px 28px 0;margin:auto}.featured{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-main{position:relative;min-height:294px;border:1px solid #899bb34a;overflow:hidden;border-radius:13px;background:radial-gradient(ellipse at 90% 100%,#75839488,transparent 70%),linear-gradient(130deg,#343d49,#1d252f 60%,#5e6b7b);box-shadow:inset 0 1px 0 #ffffff24,0 8px 20px #0002}.feature-copy{position:relative;z-index:2;padding:31px 30px}.feature-label{font-size:10px;color:#b4c2d4;border:1px solid #a3b3c64a;border-radius:4px;padding:4px 8px;background:#101b2b30}.feature-main h2{font-size:25px;font-weight:550;line-height:1.65;margin:18px 0 9px;letter-spacing:1px}.feature-main p{font-size:11px;color:#bdc9d7;max-width:70%;line-height:1.7}.feature-main img{position:absolute;right:-10%;bottom:13%;width:55%;opacity:.2;filter:grayscale(1);mix-blend-mode:screen;border-radius:40%;transform:rotate(-13deg)}.feature-link{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:25px;font-size:12px;margin-top:10px;padding:11px 15px;border-radius:8px;background:linear-gradient(115deg,#8c98a5,#f3f6fa 30%,#94a4b7 70%,#d5dfe8);color:#14202e!important;border:1px solid #ebf2fa85;box-shadow:inset 0 1px 1px white,0 5px 12px #0004}.feature-link canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.18}.feature-controls{position:absolute;right:16px;bottom:15px;display:flex;align-items:center;gap:8px;z-index:3}.feature-controls span{font-size:10px;color:#c2ccda;margin-right:6px}.feature-controls button{width:27px;height:27px;background:#dae5f114;border:1px solid #d0ddef30;border-radius:6px;font-size:20px}.feature-picks{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.resource-card{min-width:0;position:relative}.thumb{position:relative;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#303640;border:1px solid #c0cdd92b}.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.35) brightness(.72);transition:filter .2s,transform .25s}.resource-card:hover img{filter:saturate(.6) brightness(.88);transform:scale(1.025)}.thumb:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 1px #fff5;background:linear-gradient(transparent 60%,#07101bb8)}.thumb-type{position:absolute;right:10px;bottom:9px;font-size:10px;color:#eff5fb;z-index:1}.thumb-code{position:absolute;left:10px;bottom:9px;z-index:1;font:10px system-ui;color:#edf4fc}.resource-card h3{font-size:13px;font-weight:450;line-height:1.55;margin:11px 29px 7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.card-meta{font-size:10px;color:#8e9aab;display:flex;gap:8px;align-items:center}.meta-tag{border:1px solid #8391a23d;border-radius:3px;font-size:8px;padding:1px 4px}.save{position:absolute;right:0;bottom:24px;font-size:20px;padding:5px;color:#aebccc}.save[aria-pressed=true]{color:#e4cc9a}.feature-picks .resource-card h3{font-size:11px;line-height:1.5;min-height:32px;margin:6px 0 4px}.feature-picks .card-meta{font-size:9px}.feature-picks .thumb{aspect-ratio:2.7}.library{margin-top:36px}.library-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.library h2{font-size:21px;font-weight:550;margin:0;letter-spacing:1px}.heading-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#cbd9e9;vertical-align:middle;margin-left:12px;box-shadow:0 0 8px #a4d5ff77}.library-heading p{color:#929faf;font-size:11px;margin:8px 0 0}.reset{font-size:11px;border:1px solid #9fadc02d;padding:8px 11px;border-radius:6px;white-space:nowrap;background:linear-gradient(#343e49,#232c36)}.filter-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:15px;border-bottom:1px solid #ffffff15;padding-bottom:15px}#types{display:flex;gap:8px;flex-wrap:wrap}#types button{font-size:12px;padding:8px 16px;border-radius:6px;color:#a5b1c0}#types button[aria-pressed=true]{background:linear-gradient(125deg,#7d8b9d,#e1e9f2 45%,#a5b4c7);color:#162332;box-shadow:inset 0 1px 0 #fff8}.sort-label{font-size:11px;color:#a4afbf;white-space:nowrap}select{color:#bfc9d7;background:#242c36;border:1px solid #92a3b72e;border-radius:5px;font-size:11px;margin-left:6px;padding:6px}.results-line{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:11px;color:#9babbc}.results-line p{margin:0}.results-line button{font-size:11px;text-decoration:underline}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 22px}.load-more{display:block;width:180px;margin:32px auto 0;padding:12px;border:1px solid #a7b6c638;border-radius:7px;background:linear-gradient(#303945,#222a35);font-size:12px;color:#bcc9d9}.empty{text-align:center;padding:60px 16px;color:#9eacbf;background:#1e252e;border-radius:10px}.empty>span{font-size:44px}.empty h3{color:#d8e2ef;font-size:18px}.empty p{font-size:13px}.empty button{background:#c8d5e6;color:#172332;border-radius:6px;padding:10px 16px}.community{display:flex;align-items:center;gap:28px;margin-top:50px;padding:27px 32px;border:1px solid #afbece25;border-radius:12px;background:linear-gradient(115deg,#303a46,#202833 55%,#343f4b);box-shadow:inset 0 1px 0 #ffffff17}.community-art{font:italic 900 48px Georgia;letter-spacing:-10px;color:#bbc8d7;position:relative;min-width:72px;text-shadow:0 2px 1px #080e14,0 -1px 0 white}.community-art span{color:#8093a9}.community-art i{font:20px serif;position:absolute;right:0;top:-5px;color:#e5edf5}.community h2{font-size:18px;letter-spacing:1px;font-weight:500;margin:0 0 8px}.community p{font-size:12px;color:#a7b4c5;margin:0;line-height:1.8}.community a{margin-left:auto;font-size:12px;white-space:nowrap;border:1px solid #c2ced947;padding:11px 18px;border-radius:7px;background:#ffffff07}footer{max-width:1480px;margin:35px auto 0;padding:26px 28px 35px;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:22px;font-size:10px;color:#8291a5}.footer-logo{font-size:20px;font-weight:700;color:#b3c0d2;letter-spacing:-1px}footer span{margin-left:auto}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:50;background:#e0e8f2;color:#142133;border:1px solid white;padding:12px 22px;border-radius:9px;font-size:13px;max-width:90vw;box-shadow:0 12px 40px #0008}body[data-view=saved] .featured,body[data-view=history] .featured{display:none}body[data-view=saved] .library,body[data-view=history] .library{margin-top:0}body.paused *{scroll-behavior:auto}
@media(min-width:1500px){.resource-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1180px){.top-inner{gap:18px}.topbar nav{gap:15px}.topbar nav a:last-child{display:none}.personal{gap:13px}.avatar{display:none}.channel-aside{display:none}.subject-channels{padding-left:22px}.feature-main h2{font-size:22px}.resource-grid{gap:24px 18px}.channels{gap:22px}}@media(max-width:850px){.top-inner{flex-wrap:wrap;padding:12px 22px;gap:12px 20px}.topbar nav{margin-left:auto}.personal{gap:18px}#search{order:4;max-width:none;flex-basis:100%}.topbar nav a.current:after{bottom:-10px}.masthead{height:180px}.masthead-inner{padding:26px 22px}.masthead h1{max-width:70%;font-size:26px}.chrome-orbit{right:4%;width:180px;height:110px;border-width:22px}.channels{align-items:start;padding:20px 22px}.quick-channels{gap:15px;padding-top:10px}.subject-channels{grid-template-columns:repeat(4,1fr);gap:7px}.subject-channels button{padding:7px 8px;font-size:11px}.subject-channels small{font-size:8px;margin-top:3px}.featured{grid-template-columns:1fr;gap:18px}.feature-main{min-height:260px}.feature-main h2{font-size:27px}.feature-picks{grid-template-columns:repeat(4,1fr);gap:13px}.feature-picks .thumb{aspect-ratio:16/9}.feature-picks .resource-card h3{font-size:11px}.feature-picks .card-meta{display:none}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:22px}.community{padding:22px;gap:18px;flex-wrap:wrap}.community a{margin-left:90px}footer{flex-wrap:wrap;gap:12px 20px;padding:22px}footer p{flex-basis:65%;margin:0}footer span{margin-left:0}.banner-note{margin-top:15px}html{scroll-padding-top:135px}}
@media(max-width:540px){.top-inner{padding:12px 16px;gap:12px}.logo{font-size:19px}.logo-symbol{font-size:34px;width:46px}.logo small{font-size:8px}.topbar nav{gap:12px;font-size:11px}.personal{gap:12px}.personal .icon-action{font-size:9px}.personal .icon-action span{font-size:20px}.personal .icon-action:last-of-type{display:none}.masthead{height:176px}.masthead-inner{padding:23px 17px}.masthead h1{font-size:23px;max-width:72%;letter-spacing:1px}.masthead p{font-size:10px;max-width:66%;line-height:1.8}.season{font-size:9px;letter-spacing:2px}.banner-note{font-size:9px}.chrome-orbit{right:-24px;top:42px;width:140px;height:87px;border-width:20px;opacity:.75}.liquid-art{width:60%;right:-13%}.motion-toggle{right:10px;bottom:10px;font-size:9px}.channels{padding:17px 16px;gap:15px;flex-wrap:wrap}.quick-channels{gap:18px;padding:0}.quick-channels button{display:flex;align-items:center;gap:7px;font-size:11px}.quick-icon{width:29px;height:29px;font-size:17px}.subject-channels{flex-basis:100%;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px 0 0;border-left:0;border-top:1px solid #ffffff14}.subject-channels button{padding:8px 4px}.subject-channels small{display:none}main{padding:18px 16px 0}.featured{gap:14px}.feature-main{min-height:258px}.feature-copy{padding:25px 22px}.feature-main h2{font-size:23px;letter-spacing:0}.feature-main p{max-width:78%;font-size:11px}.feature-main img{right:-16%;width:65%;bottom:12%}.feature-picks{grid-template-columns:1fr 1fr;gap:15px}.feature-picks .thumb{aspect-ratio:2.2}.feature-picks .resource-card h3{font-size:12px}.library{margin-top:28px}.library h2{font-size:19px;letter-spacing:0}.library-heading p{font-size:10px;line-height:1.7;max-width:24ch}.reset{font-size:10px;padding:7px}.filter-row{align-items:start;flex-wrap:wrap;margin-top:17px;gap:12px}#types{gap:3px}#types button{font-size:11px;padding:7px 11px}.sort-label{margin-left:auto}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.resource-card h3{font-size:12px;margin-top:8px;min-height:38px}.thumb-code,.thumb-type{font-size:9px}.card-meta{font-size:9px}.community{margin-top:35px;padding:20px;gap:10px}.community-art{display:none}.community h2{font-size:17px;line-height:1.6}.community p{font-size:11px}.community a{margin:7px 0 0}footer{padding:23px 16px;gap:12px}.footer-logo{font-size:18px}footer p{flex-basis:60%;font-size:9px}.results-line{font-size:10px}.heading-dot{margin-left:8px}.feature-controls{bottom:12px}.feature-link{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Production catalog uses live course names, including longer or newly added codes. */
.masthead h1 span{display:inline-block}
.subject-channels{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));min-width:0}
.subject-channels button{min-width:0;white-space:normal}
.subject-channels button span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.subject-channels small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feature-main h2{max-width:24ch;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:23px}
.feature-main p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feature-copy{padding-bottom:58px}
.feature-controls button:disabled{opacity:.35;cursor:default}
.meta-course{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thumb-code{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-card h3{overflow-wrap:anywhere}
.space-pick{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:20px;background:linear-gradient(125deg,#35414f,#242c36);border:1px solid #b4c2d433;border-radius:9px;min-height:120px}
.space-pick strong{font-size:18px;font-weight:500}.space-pick span{font-size:12px;color:#a7b7ca}
.service-state{padding:28px;border:1px solid #a7b6c633;border-radius:10px;background:#202934;color:#b9c7d8}
.service-state h3{margin:0 0 10px;font-size:18px;font-weight:500;color:#e0e8f2}.service-state p{font-size:13px;line-height:1.8}
.service-state>div{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.service-state a{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.service-state button{padding:10px 15px;border:1px solid #c0cddd55;border-radius:6px;background:#d6e1ed;color:#192331}
.workspace-links{max-width:1480px;margin:24px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.workspace-links a{display:flex;flex-direction:column;gap:8px;padding:20px;background:#212a35;border:1px solid #9cadc02c;border-radius:9px}.workspace-links strong{font-size:14px;font-weight:500}.workspace-links span{color:#94a5b9;font-size:11px}
.no-script{max-width:1400px;margin:25px auto;padding:20px;line-height:1.8}.no-script a{text-decoration:underline;margin:0 4px}
@media(max-width:850px){.subject-channels{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-links{padding:0 22px}.feature-main h2{font-size:24px}}
@media(max-width:540px){.subject-channels{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-channels small{display:block;font-size:8px}.topbar nav{gap:10px}.topbar nav a:nth-child(3){display:none}.workspace-links{padding:0 16px;grid-template-columns:1fr;gap:10px}.workspace-links a{flex-direction:row;justify-content:space-between;align-items:center;padding:16px}.service-state{padding:22px}.feature-main h2{font-size:22px}.space-pick{padding:17px;min-height:112px}.space-pick strong{font-size:16px}}

.thumb canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb img[hidden],.thumb canvas[hidden],#feature-image[hidden],#feature-canvas[hidden]{display:none}.gif-badge{position:absolute;z-index:2;top:12px;right:12px;color:#eef5ff;background:#151e2ecc;padding:4px 7px;font-size:10px;border-radius:4px}.thumb img{object-fit:cover}#preview-motion{flex-shrink:0;margin-left:auto;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:transparent;color:inherit}.results-line{gap:12px;flex-wrap:wrap}.results-line p{margin-right:auto}#feature-canvas{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;opacity:.78}.feature-copy{z-index:2}.feature-main:has(#feature-canvas:not([hidden])) .feature-copy{background:linear-gradient(90deg,#101828ed,#10182880,transparent)}
@media(max-width:640px){#feature-canvas{width:100%;opacity:.3}}

.local-preview{padding:9px 16px;background:#34424f;color:#edf5fa;text-align:center;font-size:12px}