/* Round two: a quiet image-led portal with independent, spacious editorial pages. */
:root{--paper:#fff;--portal-bg:#fff;--portal-surface:#fff;--portal-border:#e4dfdb;--portal-muted:#655f5c;--portal-hover:#f6f2ef;--portal-text:#252323;--ink:#252323;--muted:#655f5c;--line:#e4dfdb;--round-gap:64px}
.portal-page{background:#fff;font-family:"Microsoft YaHei","PingFang SC",sans-serif}.portal-page h1,.portal-page h2{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:500;letter-spacing:.015em}.portal-page h1{font-size:clamp(30px,3vw,42px)}.portal-page h2{font-size:clamp(25px,2.3vw,32px)}.portal-header{background:rgba(255,255,255,.98)}.portal-header .brand strong{font-size:22px}.portal-page-header{background:#faf9f7;padding-block:36px 44px}.portal-page-header h1{margin-bottom:16px}.portal-nav-row>a{font-size:15px;padding:12px 11px}.portal-nav-item:first-child{margin-right:18px}.portal-footer{background:#f7f5f2}.footer-grid nav{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-page .button{border-radius:5px;min-height:46px}.portal-page .portal-submenu{border-radius:6px}
.brand-cover{padding:24px clamp(20px,4vw,80px) 0;background:#fff}.brand-cover>img{width:100%;height:calc(100svh - 168px);min-height:420px;max-height:900px;object-fit:contain}.cover-caption{display:flex;align-items:center;gap:32px;max-width:1400px;margin:auto;padding:22px 0;color:var(--muted);font-size:15px}.cover-caption>span{color:var(--brand);font-size:20px;font-weight:700}.cover-caption p{margin:0}.cover-caption>a{margin-left:auto;color:var(--brand);min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:6px}
.environment-section{padding-block:56px 24px}.brand-gallery{display:grid;gap:24px}.classroom-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-gallery figure{min-width:0}.brand-gallery .image-link{display:block;border-radius:6px;overflow:hidden;background:#f5f3f0}.brand-gallery img{width:100%;object-fit:cover;transition:transform 220ms ease-out}.classroom-gallery img{aspect-ratio:4/3}.brand-gallery a:hover img{transform:scale(1.015)}.brand-gallery figcaption{font-size:14px;color:var(--muted);margin-top:14px}.brand-gallery .image-link span{font-size:12px}.brand-questions{padding-bottom:56px}.brand-qa{display:grid;grid-template-columns:.85fr 1.15fr;gap:96px;padding:64px 0;border-bottom:1px solid var(--line)}.brand-qa h2{font-size:32px;line-height:1.6;margin:0;max-width:12em}.qa-answer{max-width:650px;font-size:17px;line-height:1.95;color:var(--muted)}.qa-answer p{margin-bottom:24px}.qa-answer strong{color:var(--brand);font-weight:600}.qa-answer .button{margin-top:12px}.teacher-evidence{padding-top:56px}.proof-gallery{grid-template-columns:1.1fr repeat(2,minmax(0,1fr));gap:24px}.proof-gallery figure:first-child{grid-row:span 2}.proof-gallery figure:first-child img{aspect-ratio:3/4;object-fit:cover}.proof-gallery figure:not(:first-child) img{height:200px;object-fit:contain;padding:12px}.proof-gallery figure:first-child .image-link{height:calc(100% - 40px)}.proof-gallery figure:first-child img{height:100%}.proof-gallery figure:last-child{grid-column:2/4}.proof-gallery figure:last-child img{height:240px;object-fit:cover;padding:0}.proof-gallery .image-link{border:1px solid var(--line)}
.stage-entries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:64px 96px;min-height:460px}.stage-entry{display:flex;flex-direction:column;min-height:290px;padding:32px 24px;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:6px;transition:background-color 180ms,box-shadow 180ms}.stage-entry:hover{background:#faf8f5;box-shadow:0 6px 18px #30272908}.stage-entry-type{font-size:13px;color:var(--muted);margin-bottom:32px}.stage-entry h2{font-size:26px;margin-bottom:16px}.stage-entry p{font-size:15px;color:var(--muted)}.entry-action{display:block;margin-top:auto;padding-top:32px;font-size:14px;color:var(--brand);font-weight:600}.planning-space{padding-block:64px 120px;min-height:430px}.planning-space h2{margin:32px 0 24px}.planning-space p:not(.portal-status){color:var(--muted)}.materials-section{padding-block:56px 96px;min-height:400px}.materials-status{padding:20px 24px;background:#faf8f5;border-left:2px solid var(--brand);color:var(--muted)}.materials-list{display:grid;gap:16px}.material-file{display:flex;align-items:center;gap:24px;padding:24px;border:1px solid var(--line);border-radius:6px}.file-type{display:flex;align-items:center;justify-content:center;width:64px;height:76px;flex:0 0 64px;border:1px solid var(--line);border-radius:4px;color:var(--brand);font-size:14px;font-weight:700;background:#faf8f5}.material-file>div:nth-child(2){min-width:0;flex:1}.material-file h2{font:600 18px/1.6 var(--sans);overflow-wrap:anywhere;margin:0 0 8px}.material-file p{font-size:14px;color:var(--muted);margin:0}.material-actions{display:flex;gap:12px;flex-wrap:wrap}.portal-page .material-actions .button{font-size:14px;padding:8px 16px}.portal-page .tool-main{padding-top:48px}.portal-page .tool-panel{border-radius:6px;box-shadow:none}
@media(max-width:1200px){.portal-nav-item:first-child{margin-right:0}.portal-nav-row>a{font-size:16px}.brand-qa{gap:48px}.stage-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-height:0}.stage-entry{min-height:240px}.brand-cover>img{min-height:340px}.proof-gallery figure:not(:first-child) img{height:180px}.proof-gallery figure:last-child img{height:200px}}
@media(max-width:768px){.classroom-gallery{gap:16px}.brand-qa{grid-template-columns:1fr;gap:24px;padding:40px 0}.brand-qa h2{max-width:100%;font-size:27px}.qa-answer{font-size:16px;max-width:none}.brand-questions{padding-bottom:32px}.environment-section{padding-top:32px}.teacher-evidence{padding-top:32px}.proof-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.proof-gallery figure:first-child{grid-row:span 2}.proof-gallery figure:last-child{grid-column:1/-1}.proof-gallery figure:not(:first-child) img{height:160px}.proof-gallery figure:first-child img{height:100%}.proof-gallery figure:last-child img{height:220px}.stage-entries{padding-block:40px 56px}.material-file{gap:16px;flex-wrap:wrap}.material-actions{width:100%;padding-left:80px}}
@media(max-width:600px){.portal-page-header{padding-block:24px 32px}.brand-cover{padding:28px 20px;min-height:calc(100svh - 68px);display:flex;flex-direction:column;justify-content:center;gap:32px}.brand-cover>img{height:auto;min-height:0;width:100%;object-fit:contain}.cover-caption{width:100%;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.cover-caption>span{font-size:28px}.cover-caption p{font-size:16px}.cover-caption>a{margin-left:0}.classroom-gallery{grid-template-columns:1fr;gap:24px}.classroom-gallery img{aspect-ratio:3/2}.brand-gallery figcaption{margin-top:10px}.environment-section{padding-bottom:0}.brand-qa{padding:36px 0;gap:20px}.brand-qa h2{font-size:26px}.qa-answer p{margin-bottom:20px}.stage-entries{gap:16px}.stage-entry{padding:24px 16px;min-height:240px}.stage-entry h2{font-size:22px}.stage-entry-type{margin-bottom:24px}.stage-entry p{font-size:14px}.proof-gallery figure:not(:first-child) img{height:145px}.proof-gallery figure:first-child img{height:100%}.proof-gallery figure:last-child img{height:190px}.materials-section{padding-block:32px 56px}.material-file{padding:20px 16px}.file-type{width:48px;height:60px;flex-basis:48px;font-size:12px}.material-actions{padding-left:0}.material-actions .button{flex:1}.planning-space{padding-block:40px 64px}.portal-nav-row>a{padding:12px}.portal-page .hero-actions{display:grid;grid-template-columns:1fr}.portal-page .hero-actions .button{text-align:center}.footer-grid nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.brand-gallery img{transition:none}.brand-gallery a:hover img{transform:none}}
