/* 教育背景与宿舍详情的独立样式，来自已确认的水彩预览。 */
:is(.education-page,.dorm-project-page){--paper:#f6f2e9;--ink:#193e30;--muted:#72786c;--blue:#2759bb;--green:#0aa66c;--line:rgba(48,69,52,.2);--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif;--art:url('/assets/education/watercolor-background.png')}
:is(.education-page,.dorm-project-page) *{box-sizing:border-box}
:is(.education-page,.dorm-project-page){margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}
:is(.education-page,.dorm-project-page) button,:is(.education-page,.dorm-project-page) a,:is(.education-page,.dorm-project-page) summary{-webkit-tap-highlight-color:transparent}
:is(.education-page,.dorm-project-page) button{font:inherit;color:inherit;cursor:pointer}
:is(.education-page,.dorm-project-page) a{color:inherit;text-decoration:none}
:is(.education-page,.dorm-project-page) a:focus-visible,:is(.education-page,.dorm-project-page) button:focus-visible,:is(.education-page,.dorm-project-page) summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
:is(.education-page,.dorm-project-page) h1,:is(.education-page,.dorm-project-page) h2,:is(.education-page,.dorm-project-page) h3,:is(.education-page,.dorm-project-page) p,:is(.education-page,.dorm-project-page) figure{margin:0}
:is(.education-page,.dorm-project-page) h1,:is(.education-page,.dorm-project-page) h2,:is(.education-page,.dorm-project-page) h3{font-family:var(--serif)}
:is(.education-page,.dorm-project-page) p{line-height:1.9}
:is(.education-page,.dorm-project-page) img{display:block;max-width:100%}
:is(.education-page,.dorm-project-page) button{border:0;background:none}
:is(.education-page,.dorm-project-page) .hero{position:relative;width:100%;aspect-ratio:1536/550;background-size:100% auto;background-position:center -3.8vw;background-repeat:no-repeat;min-height:380px}
:is(.education-page,.dorm-project-page) .hero-copy{position:absolute;left:54%;top:13%;width:42%;padding-right:4vw}
:is(.education-page,.dorm-project-page) .hero-copy h1{font-size:clamp(38px,5vw,82px);font-weight:700;line-height:1.25;letter-spacing:-.07em;white-space:nowrap}
:is(.education-page,.dorm-project-page) .brush-line{display:block;width:60%;max-width:285px;height:15px;position:relative;margin:5px 0 19px}
:is(.education-page,.dorm-project-page) .brush-line:before,:is(.education-page,.dorm-project-page) .brush-line:after{content:"";position:absolute;background:#497bcc;clip-path:polygon(0 42%,9% 58%,24% 39%,38% 40%,51% 27%,71% 18%,87% 0,100% 21%,92% 40%,66% 48%,39% 67%,16% 86%,0 91%);inset:0;transform:rotate(-3deg)}
:is(.education-page,.dorm-project-page) .brush-line:after{opacity:.22;transform:translateY(2px) rotate(-3deg)}
:is(.education-page,.dorm-project-page) .academic-meta{border-left:1px solid #aeb5a8;padding-left:17px;margin-left:7%;font-family:var(--serif);font-size:clamp(15px,1.6vw,24px);line-height:1.75}
:is(.education-page,.dorm-project-page) .academic-meta p:last-child{font-family:Georgia,var(--serif);font-size:.86em}
:is(.education-page,.dorm-project-page) .personal-note{font-family:"KaiTi","STKaiti",var(--serif);font-size:clamp(16px,1.65vw,25px);letter-spacing:.1em;line-height:1.7;transform:rotate(-5deg);margin:30px 0 0 10%;max-width:350px}
:is(.education-page,.dorm-project-page) .image-credit{position:absolute;bottom:10px;right:3%;font-size:10px;color:#72786c;background:rgba(246,242,233,.72);padding:4px 7px}
:is(.education-page,.dorm-project-page) .courses-section{position:relative;padding:12px 15.4% 30px;background-size:100% auto;background-position:center 69%;min-height:200px;scroll-margin-top:85px}
:is(.education-page,.dorm-project-page) .section-title{font-family:var(--serif);font-size:30px;letter-spacing:.06em;line-height:1.3}
:is(.education-page,.dorm-project-page) .section-title .brush-line{width:210px;height:11px;margin:0 0 12px}
:is(.education-page,.dorm-project-page) .course-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(246,242,233,.74)}
:is(.education-page,.dorm-project-page) .course{position:relative;border-bottom:1px solid var(--line)}
:is(.education-page,.dorm-project-page) .course:nth-child(n+3){border-bottom:0}
:is(.education-page,.dorm-project-page) .course:nth-child(odd):after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:var(--line)}
:is(.education-page,.dorm-project-page) .course summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:16px 26px;min-height:64px}
:is(.education-page,.dorm-project-page) .course summary::-webkit-details-marker{display:none}
:is(.education-page,.dorm-project-page) .course-name{font-family:var(--serif);font-size:17px;line-height:1.4}
:is(.education-page,.dorm-project-page) .course-score{font-family:Georgia,serif;font-size:36px;font-style:italic;color:var(--blue);line-height:1}
:is(.education-page,.dorm-project-page) .course-text{padding:0 26px 18px;font-size:12px;color:var(--muted)}
:is(.education-page,.dorm-project-page) .course-text span{display:block;color:var(--blue);font-size:10px;letter-spacing:.1em;margin-bottom:7px}
:is(.education-page,.dorm-project-page) .course-note{font-size:10px;margin-top:9px;text-align:right;color:var(--muted)}
:is(.education-page,.dorm-project-page) .learning-section{display:grid;grid-template-columns:1.05fr 1.5fr .95fr;gap:3.5%;padding:24px 4vw 54px;align-items:start;background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;min-height:285px}
:is(.education-page,.dorm-project-page) .learning-section p{font-family:var(--serif);font-size:14px;color:#6b7668;margin-top:18px}
:is(.education-page,.dorm-project-page) .learning-section .photo-space{height:230px;pointer-events:none}
:is(.education-page,.dorm-project-page) .learning-section .personal-short{padding:10px 0 0}
:is(.education-page,.dorm-project-page) .learning-section .personal-short h2{font-size:23px;font-weight:500}
:is(.education-page,.dorm-project-page) .education-materials{margin:0 5vw;padding:40px 0;border-top:1px solid var(--line)}
:is(.education-page,.dorm-project-page) .materials-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:25px}
:is(.education-page,.dorm-project-page) .materials-heading p{font-size:12px;color:var(--muted)}
:is(.education-page,.dorm-project-page) .materials-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}
:is(.education-page,.dorm-project-page) .material{padding:23px;background:#faf8f1;border:1px solid #dddccf}
:is(.education-page,.dorm-project-page) .material img{width:100%;aspect-ratio:2.5;object-fit:contain;background:#fff}
:is(.education-page,.dorm-project-page) .material figcaption{font-family:var(--serif);font-size:19px;margin-top:19px}
:is(.education-page,.dorm-project-page) .material p{font-size:12px;color:var(--muted);margin-top:9px}
:is(.education-page,.dorm-project-page) .material-id{display:block;font-size:10px;letter-spacing:.13em;color:var(--blue);margin-bottom:8px}
:is(.education-page,.dorm-project-page) .page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 5vw;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
:is(.education-page,.dorm-project-page) .text-link{color:var(--blue);border-bottom:1px solid #7d9dd1;padding:4px 0}
:is(.education-page,.dorm-project-page) .eyebrow{font-family:Arial,var(--sans);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--blue)}
:is(.education-page,.dorm-project-page) .education-illustrated{background-size:100% 100%;background-repeat:no-repeat}
@media(max-width:700px){:is(.education-page,.dorm-project-page) .education-illustrated{background-size:190% auto;background-position:left -30px}
:is(.education-page,.dorm-project-page) .courses-section,:is(.education-page,.dorm-project-page) .learning-section{background-color:var(--paper)}}
.dorm-project-page{position:relative;overflow:hidden}
.dorm-project-page:before{content:"";position:absolute;right:-10%;top:0;width:75%;height:640px;background-size:cover;background-position:right bottom;opacity:.15;pointer-events:none}
:is(.education-page,.dorm-project-page) .project-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:50px 8vw 45px;min-height:650px}
:is(.education-page,.dorm-project-page) .project-intro{max-width:590px}
:is(.education-page,.dorm-project-page) .project-brand{display:flex;align-items:center;gap:17px;margin-bottom:28px}
:is(.education-page,.dorm-project-page) .project-logo{width:60px;height:60px;object-fit:cover;border-radius:50%;border:1px solid #d0dace;background:#fff}
:is(.education-page,.dorm-project-page) .project-brand p{font-family:var(--serif);font-size:21px}
:is(.education-page,.dorm-project-page) .project-brand small{display:block;font-size:10px;color:var(--muted);margin-top:7px;letter-spacing:.12em}
:is(.education-page,.dorm-project-page) .project-intro h1{font-size:clamp(36px,4vw,60px);line-height:1.4;letter-spacing:-.04em;margin-bottom:22px}
:is(.education-page,.dorm-project-page) .project-intro h1 em{font-style:normal;color:var(--blue)}
:is(.education-page,.dorm-project-page) .project-intro>.description{font-size:14px;color:#627264;max-width:430px}
:is(.education-page,.dorm-project-page) .project-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:27px 0 22px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}
:is(.education-page,.dorm-project-page) .project-facts dt{color:var(--muted);font-size:10px;margin-bottom:9px}
:is(.education-page,.dorm-project-page) .project-facts dd{margin:0;line-height:1.7}
:is(.education-page,.dorm-project-page) .hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
:is(.education-page,.dorm-project-page) .watch-button{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:12px 20px;font-size:12px}
:is(.education-page,.dorm-project-page) .watch-button .play-mark{font-size:12px}
:is(.education-page,.dorm-project-page) .hero-actions a{font-size:12px}
:is(.education-page,.dorm-project-page) .demo-area{justify-self:center;max-width:300px;width:100%;position:relative}
:is(.education-page,.dorm-project-page) .demo-heading{display:flex;justify-content:space-between;margin-bottom:12px;font-size:11px;color:#5f7867}
:is(.education-page,.dorm-project-page) .video-shell{position:relative;background:#e4ece3;border:1px solid #bacabb;box-shadow:15px 18px 0 #e8e9dc;overflow:hidden;border-radius:23px}
:is(.education-page,.dorm-project-page) .demo-video{display:block;width:100%;aspect-ratio:408/960;background:#edf2eb;object-fit:contain}
:is(.education-page,.dorm-project-page) .demo-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(20,41,35,.25);gap:12px;color:#fff;transition:opacity .2s}
:is(.education-page,.dorm-project-page) .demo-cover[hidden]{display:none}
:is(.education-page,.dorm-project-page) .demo-cover .round-play{height:62px;width:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--ink);font-size:22px;padding-left:4px;box-shadow:0 3px 24px #263f3526}
:is(.education-page,.dorm-project-page) .demo-cover span:last-child{background:#183d30d9;padding:7px 12px;font-size:11px}
:is(.education-page,.dorm-project-page) .video-status{font-size:10px;color:var(--muted);margin-top:21px;line-height:1.8;min-height:18px}
:is(.education-page,.dorm-project-page) .project-flow{margin:0 6vw;padding:35px 0 50px;border-top:1px solid var(--line)}
:is(.education-page,.dorm-project-page) .project-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
:is(.education-page,.dorm-project-page) .project-section-heading h2{font-size:32px;line-height:1.5}
:is(.education-page,.dorm-project-page) .project-section-heading p{font-size:12px;max-width:420px;color:var(--muted)}
:is(.education-page,.dorm-project-page) .screenshots{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
:is(.education-page,.dorm-project-page) .step-label{display:flex;align-items:baseline;gap:12px;font-family:var(--serif);font-size:17px;margin-bottom:15px}
:is(.education-page,.dorm-project-page) .step-label b{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#658db0}
:is(.education-page,.dorm-project-page) .app-screen{position:relative;aspect-ratio:584/1267;overflow:hidden;border:1px solid #d5dbd0;border-radius:23px;background:#f5f7fa;box-shadow:6px 9px 0 #e8e9dd}
:is(.education-page,.dorm-project-page) .app-screen img{position:absolute;top:-3.5%;left:0;width:100%;max-width:none}
:is(.education-page,.dorm-project-page) .screen-caption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:16px}
:is(.education-page,.dorm-project-page) .project-notes{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:0 6vw;padding:45px 0 55px;border-top:1px solid var(--line)}
:is(.education-page,.dorm-project-page) .project-notes h2{font-size:28px;margin-bottom:18px}
:is(.education-page,.dorm-project-page) .project-notes ul{padding-left:1.3em;margin:0;font-size:13px;color:#687565;line-height:2.1}
:is(.education-page,.dorm-project-page) .project-notes li+li{margin-top:8px}
:is(.education-page,.dorm-project-page) .project-tech{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap;font-size:11px;color:var(--blue)}
:is(.education-page,.dorm-project-page) .project-tail{margin:0 6vw 40px;padding:24px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
:is(.education-page,.dorm-project-page) .project-tail p{font-size:12px;color:var(--muted)}
@media(min-width:1680px){:is(.education-page,.dorm-project-page) .hero{background-position:center -64px}
:is(.education-page,.dorm-project-page) .hero-copy{padding-right:65px}
:is(.education-page,.dorm-project-page) .courses-section{padding-top:20px}}
@media(max-width:1050px){:is(.education-page,.dorm-project-page) .hero{min-height:350px}
:is(.education-page,.dorm-project-page) .hero-copy{top:14%;left:53%;width:44%}
:is(.education-page,.dorm-project-page) .hero-copy h1{font-size:4.9vw}
:is(.education-page,.dorm-project-page) .personal-note{margin-top:19px;font-size:18px}
:is(.education-page,.dorm-project-page) .academic-meta{font-size:18px}
:is(.education-page,.dorm-project-page) .courses-section{padding-inline:9%;padding-top:18px}
:is(.education-page,.dorm-project-page) .course summary{padding-inline:20px}
:is(.education-page,.dorm-project-page) .learning-section{padding-top:28px}
:is(.education-page,.dorm-project-page) .project-hero{gap:35px;padding-inline:6vw}
:is(.education-page,.dorm-project-page) .project-intro h1{font-size:44px}
:is(.education-page,.dorm-project-page) .demo-area{max-width:260px}
:is(.education-page,.dorm-project-page) .screenshots{gap:22px}
:is(.education-page,.dorm-project-page) .project-facts{gap:16px}
:is(.education-page,.dorm-project-page) .project-notes{gap:32px}}
@media(max-width:700px){:is(.education-page,.dorm-project-page) .hero{min-height:0;aspect-ratio:auto;padding-top:75%;background-size:190% auto;background-position:left -30px}
:is(.education-page,.dorm-project-page) .hero-copy{position:relative;left:auto;top:auto;width:auto;padding:24px 26px 30px;background:rgba(246,242,233,.9)}
:is(.education-page,.dorm-project-page) .hero-copy h1{font-size:40px;white-space:normal}
:is(.education-page,.dorm-project-page) .brush-line{margin-bottom:18px}
:is(.education-page,.dorm-project-page) .academic-meta{margin-left:4px;font-size:18px}
:is(.education-page,.dorm-project-page) .personal-note{margin:22px 0 0 22px;font-size:19px}
:is(.education-page,.dorm-project-page) .image-credit{top:12px;right:12px;bottom:auto;font-size:9px}
:is(.education-page,.dorm-project-page) .courses-section{padding:25px 24px;background-size:220% auto;background-position:center 65%}
:is(.education-page,.dorm-project-page) .section-title{font-size:27px}
:is(.education-page,.dorm-project-page) .course-grid{grid-template-columns:1fr}
:is(.education-page,.dorm-project-page) .course:nth-child(odd):after{display:none}
:is(.education-page,.dorm-project-page) .course:nth-child(n+3){border-bottom:1px solid var(--line)}
:is(.education-page,.dorm-project-page) .course:last-child{border-bottom:0}
:is(.education-page,.dorm-project-page) .course summary{padding:17px 10px;min-height:70px}
:is(.education-page,.dorm-project-page) .course-name{font-size:15px}
:is(.education-page,.dorm-project-page) .course-score{font-size:31px}
:is(.education-page,.dorm-project-page) .course-text{padding-inline:10px}
:is(.education-page,.dorm-project-page) .learning-section{grid-template-columns:1fr;gap:20px;background-image:none;padding:30px 26px}
:is(.education-page,.dorm-project-page) .learning-section .photo-space{height:210px;background-size:180%;background-position:40% bottom}
:is(.education-page,.dorm-project-page) .learning-section p{font-size:14px;margin-top:14px}
:is(.education-page,.dorm-project-page) .education-materials{margin:0 24px;padding-block:32px}
:is(.education-page,.dorm-project-page) .materials-heading{display:block}
:is(.education-page,.dorm-project-page) .materials-heading p{margin-top:14px}
:is(.education-page,.dorm-project-page) .materials-grid{grid-template-columns:1fr;gap:23px}
:is(.education-page,.dorm-project-page) .material{padding:15px}
:is(.education-page,.dorm-project-page) .material figcaption{font-size:18px}
:is(.education-page,.dorm-project-page) .page-footer{padding:23px 24px;flex-wrap:wrap;gap:13px}
:is(.education-page,.dorm-project-page) .project-hero{grid-template-columns:1fr;gap:32px;padding:32px 25px 40px}
:is(.education-page,.dorm-project-page) .project-brand{margin-bottom:22px}
:is(.education-page,.dorm-project-page) .project-logo{width:48px;height:48px}
:is(.education-page,.dorm-project-page) .project-intro h1{font-size:37px}
:is(.education-page,.dorm-project-page) .project-facts{margin-block:23px;padding-block:20px}
:is(.education-page,.dorm-project-page) .project-intro>.description{font-size:13px}
:is(.education-page,.dorm-project-page) .demo-area{max-width:280px}
:is(.education-page,.dorm-project-page) .project-flow{margin:0 24px;padding-top:28px}
:is(.education-page,.dorm-project-page) .project-section-heading{display:block;margin-bottom:24px}
:is(.education-page,.dorm-project-page) .project-section-heading h2{font-size:27px}
:is(.education-page,.dorm-project-page) .project-section-heading p{margin-top:12px}
:is(.education-page,.dorm-project-page) .screenshots{grid-template-columns:1fr 1fr;gap:26px 18px}
:is(.education-page,.dorm-project-page) .step-label{gap:7px;font-size:14px}
:is(.education-page,.dorm-project-page) .step-label b{font-size:20px}
:is(.education-page,.dorm-project-page) .app-screen{border-radius:15px}
:is(.education-page,.dorm-project-page) .screen-caption{font-size:10px}
:is(.education-page,.dorm-project-page) .project-notes{grid-template-columns:1fr;margin-inline:25px;gap:30px;padding-block:30px}
:is(.education-page,.dorm-project-page) .project-notes h2{font-size:25px}
:is(.education-page,.dorm-project-page) .project-tail{margin-inline:25px;display:block}
:is(.education-page,.dorm-project-page) .project-tail a{display:inline-block;margin-top:15px}}
@media(min-width:701px){:is(.education-page,.dorm-project-page) .education-illustrated{background-size:100% auto;background-position:center -3.5vw}
:is(.education-page,.dorm-project-page) .hero{min-height:0;aspect-ratio:1536/550}
:is(.education-page,.dorm-project-page) .courses-section{min-height:0;padding:8px 15.4% 17px}
:is(.education-page,.dorm-project-page) .courses-section .section-title{font-size:25px}
:is(.education-page,.dorm-project-page) .courses-section .brush-line{height:8px;margin-bottom:8px}
:is(.education-page,.dorm-project-page) .course summary{padding:11px 22px;min-height:48px}
:is(.education-page,.dorm-project-page) .course-name{font-size:15px}
:is(.education-page,.dorm-project-page) .course-score{font-size:31px}
:is(.education-page,.dorm-project-page) .course-grid{background:rgba(246,242,233,.9)}
:is(.education-page,.dorm-project-page) .course-note{font-size:9px;margin-top:7px}
:is(.education-page,.dorm-project-page) .learning-section{min-height:0;padding:18px 4vw 35px}
:is(.education-page,.dorm-project-page) .learning-section .photo-space{height:165px}
:is(.education-page,.dorm-project-page) .learning-section .section-title{font-size:27px}
:is(.education-page,.dorm-project-page) .learning-section p{font-size:12px;margin-top:14px}}
@media(max-width:700px){:is(.education-page,.dorm-project-page) .learning-section .photo-space{display:none}}
@media(prefers-reduced-motion:reduce){:is(.education-page,.dorm-project-page) *,:is(.education-page,.dorm-project-page) *:before,:is(.education-page,.dorm-project-page) *:after{transition:none!important}}
:is(.education-page,.dorm-project-page) .education-illustrated,.dorm-project-page:before{background-image:var(--art)}

.detail-content.is-watercolor-education,.detail-content.is-dorm-project{width:100%;max-width:none;background:#f6f2e9}
.education-page,.dorm-project-page{position:relative;max-width:1680px;margin:0 auto;background:#f6f2e9;color:#193e30;isolation:isolate}
.archive-detail.has-art-page .detail-header{background:rgba(246,242,233,.97)}
.dorm-project-page .dorm-breadcrumb{display:flex;justify-content:space-between;gap:20px;padding:23px 6vw 0;font-size:11px;color:#6b7b6c;position:relative;z-index:1}
.dorm-project-page .dorm-breadcrumb a{color:#2759bb}
.dorm-project-page .project-hero{min-height:650px}
.dorm-project-page .project-logo{max-width:none}
.education-page .hero-copy h1{font-weight:700}
@media(max-width:700px){.dorm-project-page .project-hero{min-height:0}.dorm-project-page .dorm-breadcrumb{padding-inline:25px;font-size:10px}}