/* Scheme 3 restoration. Each content page is scoped by data-page; dialog/login is excluded. */
@font-face{font-family:RiverChapter;src:url('/assets/fonts/river-chapter.woff2') format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:RiverSans;src:url('/assets/fonts/river-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
#header .brand,#footer .brand{font-family:RiverChapter,SimSun,serif;font-weight:600;letter-spacing:.035em;font-size:23px}#header nav{font-family:RiverSans,'Microsoft YaHei',sans-serif;font-size:14px;gap:25px;font-weight:400}.header-row{height:66px;gap:22px}#header nav a{padding:21px 0}#header nav a.active:after{bottom:10px;height:1px}
#app[data-page]{background:#fbf9f4;color:#112332;font-family:RiverSans,'Microsoft YaHei',sans-serif;font-size:14px;line-height:1.8}
#app[data-page] h1,#app[data-page] h2,#app[data-page] h3,#app[data-page] .handbook-section summary,#app[data-page] .question b{font-family:RiverChapter,SimSun,serif;font-weight:650;letter-spacing:.015em;line-height:1.42}
#app[data-page] h1 em{color:#f2d49e}#app[data-page] h2{font-size:clamp(28px,3vw,40px)}#app[data-page] h3{font-size:24px}#app[data-page] p{line-height:1.85}#app[data-page] .eyebrow{font-family:RiverSans,sans-serif;font-size:10px;letter-spacing:.21em;margin-bottom:9px}#app[data-page] .section{padding:35px 0}#app[data-page] .section-head{margin-bottom:20px}#app[data-page] .btn{font-family:RiverChapter,SimSun,serif;font-weight:600;font-size:15px;padding:11px 23px;gap:24px;box-shadow:0 2px 7px #9e7c2520}
#app[data-page] .page-hero{min-height:0;padding:124px 0 48px;background-position:center 45%}#app[data-page] .page-hero h1{font-size:clamp(36px,4.4vw,56px);max-width:900px}#app[data-page] .page-hero p{font-size:17px;margin-top:13px;font-weight:400;max-width:850px}#app[data-page] .page-hero .eyebrow{font-size:11px}
#app[data-page] .river-band{padding:28px 0}#app[data-page] .river-band h2{font-size:32px}#app[data-page] .river-band .eyebrow{color:#d8e3df}#app[data-page] .river-band p{font-size:13px}#app[data-page] .note{background:#f1eadc70;border:0;color:#687578;padding:12px 16px}
/* 01 Home: compact hero, five-way question row, landscape method previews and thin river band. */
#app[data-page=home] .hero{height:clamp(490px,43.2vw,650px);min-height:0;padding:110px 0 48px;background-position:center 44%}#app[data-page=home] .hero h1{font-size:clamp(38px,4.4vw,59px);font-weight:650;max-width:940px;line-height:1.34}#app[data-page=home] .hero .eyebrow{font-size:13px;letter-spacing:.13em}#app[data-page=home] .hero p{font-size:18px;margin-top:13px}#app[data-page=home] .hero .actions{margin-top:22px}
#app[data-page=home] .question-section{padding:26px 0 29px;background:linear-gradient(110deg,#f8f5ed,#fffdf7 65%,#edf0e8)}#app[data-page=home] .question-section h2{font-size:clamp(28px,3.4vw,44px)}#app[data-page=home] .questions{margin-top:28px}#app[data-page=home] .question{padding:0 13px}#app[data-page=home] .question b{font-size:18px}#app[data-page=home] .question p{font-size:12px}#app[data-page=home] .question .icon{width:36px;height:36px}
#app[data-page=home] .section.soft{padding:24px 0 18px;background:#fbf9f4}#app[data-page=home] .section.soft .section-head{margin-bottom:12px}#app[data-page=home] .practice-card .cover{height:auto;aspect-ratio:2.34}#app[data-page=home] .practice-card .cover img{object-position:center}#app[data-page=home] .practice-card .copy{padding:15px 20px 16px;position:relative}#app[data-page=home] .practice-card .copy h3{font-size:22px;padding-right:24px}#app[data-page=home] .practice-card .copy p{font-size:13px;margin-top:5px}#app[data-page=home] .practice-card .copy>.link{position:absolute;right:16px;top:12px;font-size:0;text-decoration:none}#app[data-page=home] .practice-card .copy>.link:after{content:'↗';font-size:18px;border:1px solid #d3ae73;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}#app[data-page=home] .practice-card .badge{font-size:10px;bottom:10px;left:16px;padding:3px 9px}
#app[data-page=home] .river-band .wrap{gap:24px}#app[data-page=home] .river-band h2{font-size:clamp(25px,2.8vw,35px);min-width:240px}#app[data-page=home] .river-band .flow{gap:12px}#app[data-page=home] .river-band .flow>div{min-width:73px;font-size:13px}#app[data-page=home] .flow small{font-size:10px}#app[data-page=home] .flow .icon{width:32px;height:32px}#app[data-page=home] .river-band .btn{padding:11px 15px;white-space:nowrap}
#app[data-page=home] .home-offers{grid-template-columns:1.6fr 1fr;gap:18px;margin-top:16px}#app[data-page=home] .featured{padding:24px;min-height:155px}#app[data-page=home] .featured h3{font-size:26px}#app[data-page=home] .side-offers>a{padding:13px 18px;gap:17px}#app[data-page=home] .side-offers h3{font-size:21px}#app[data-page=home] .side-offers .icon{background:#f1d29a66;box-sizing:content-box;padding:9px;border-radius:50%;width:23px;height:23px}#app[data-page=home] .bottom-columns{margin-top:25px;gap:30px}#app[data-page=home] .bottom-columns h3{font-size:22px}#app[data-page=home] .resource-mini{margin-top:11px}#app[data-page=home] .resource-mini>a{padding:12px;font-size:13px}
/* 02 Peer gallery: hero, compact filters, feature in two columns, portrait previews below. */
#app[data-page=practice] .page-hero{padding:124px 0 44px}#app[data-page=practice] .tabs{padding:16px 0;gap:10px}#app[data-page=practice] .tabs button{padding:8px 22px;font-size:13px}#app[data-page=practice] .filters{padding:15px 0;font-size:13px}#app[data-page=practice] .feature-story{grid-template-columns:1.08fr 1fr;margin-bottom:20px}#app[data-page=practice] .feature-story .visual{min-height:350px}#app[data-page=practice] .feature-story .visual img{object-fit:contain;background:#f4f0e8;object-position:center}#app[data-page=practice] .feature-story .body{padding:30px}#app[data-page=practice] .feature-story h2{font-size:32px}#app[data-page=practice] .grid3{gap:18px}#app[data-page=practice] .grid3 .practice-card .cover{height:245px;background:#f3efe7}#app[data-page=practice] .grid3 .practice-card .cover img{object-fit:contain;object-position:center}#app[data-page=practice] .practice-card .copy{padding:16px}#app[data-page=practice] .practice-card h3{font-size:22px}
/* 03 Story: editorial quotation/timeline, one-third evidence sidebar, complete image below. */
#app[data-page=story] .story-layout{grid-template-columns:minmax(0,1.85fr) minmax(260px,.85fr);gap:34px}#app[data-page=story] .story-main blockquote{font-family:RiverChapter,serif;font-size:32px;margin-bottom:24px;padding:0 22px;border-color:#d4b678}#app[data-page=story] .timeline-step{padding-bottom:25px}#app[data-page=story] .timeline-step h3{font-size:23px}#app[data-page=story] .story-aside .poster{max-height:420px;object-fit:contain;background:#f3eee5}#app[data-page=story] .story-aside .panel{padding:22px;margin-top:20px}#app[data-page=story] .full-poster{margin-top:20px;background:#f9f6ef}
/* 04 Check-in: narrow step rail, focused questionnaire, illustrated guidance rail. */
#app[data-page=checkin] .page-hero{padding:116px 0 30px}#app[data-page=checkin] .page-hero h1{font-size:44px}#app[data-page=checkin] .checkin-card{width:min(1190px,91%);grid-template-columns:190px minmax(320px,1fr) 255px;min-height:570px;border-radius:8px}#app[data-page=checkin] .checkin-steps{padding:29px 18px}#app[data-page=checkin] .checkin-steps>div{padding:22px 0 35px 15px}#app[data-page=checkin] .checkin-steps i{width:34px;height:34px;left:-18px;font-size:15px}#app[data-page=checkin] .checkin-steps b{font-family:RiverChapter,serif;font-size:18px}#app[data-page=checkin] .checkin-main{padding:28px}#app[data-page=checkin] .checkin-main h2{font-size:29px}#app[data-page=checkin] .checkin-main>p{font-size:13px;margin:10px 0 20px}#app[data-page=checkin] .option{padding:12px;font-size:15px;gap:13px}#app[data-page=checkin] .checkin-side{padding:40px 24px;background:linear-gradient(#f8f6eeed,#f8f6eeda),url('/assets/river-hero.webp') 65% center/cover}#app[data-page=checkin] .checkin-side h3{font-size:23px}#app[data-page=checkin] .checkin-closure{padding-top:30px}#app[data-page=checkin] .checkin-closure h2{font-size:29px}
/* 05 Report: returned evidence on the left, summary and support on the right. */
#app[data-page=report] .report-layout{grid-template-columns:minmax(0,1.9fr) minmax(260px,.8fr);gap:25px}#app[data-page=report] .step4{padding:18px 0 23px}#app[data-page=report] .report-layout>.panel{padding:27px}#app[data-page=report] .report-facts{font-size:13px}#app[data-page=report] .evidence-grid h3{font-size:18px}#app[data-page=report] .answer-content{font-size:14px;line-height:1.95}#app[data-page=report] .report-layout aside h3{font-size:22px}
/* 06 AI lab: reference's three-step strip and four distinct working illustrations. */
#app[data-page=lab] .lab-progress{padding:28px 0 33px}#app[data-page=lab] .lab-progress .icon{border-radius:50%;padding:12px;background:#f0e8da;box-sizing:content-box;width:31px;height:31px}#app[data-page=lab] .lab-grid{gap:22px}#app[data-page=lab] .lab-tile{min-height:275px;padding:28px;grid-template-columns:1.05fr .95fr;gap:20px;overflow:hidden;background-color:#fffdfa}#app[data-page=lab] .lab-tile:first-child{border-color:#ac8744}#app[data-page=lab] .lab-tile h3{font-size:29px}#app[data-page=lab] .lab-tile p{font-size:15px;margin:14px 0 20px}#app[data-page=lab] .lab-tile .paper{align-self:center;padding:22px;min-height:190px;transform:rotate(-8deg);box-shadow:7px -7px 0 #e7ddcb,0 15px 25px #493b2025}#app[data-page=lab] .paper h3{font-size:19px;color:#183242}#app[data-page=lab] .paper p{font-size:12px;margin:12px 0}#app[data-page=lab] .preview-1{transform:none!important;box-shadow:0 8px 25px #193e4a10!important;border-radius:12px;background:#fff}#app[data-page=lab] .preview-1 p{border:0;border-radius:9px;padding:9px;background:#eef0f1;color:#214853}#app[data-page=lab] .preview-1 p:nth-of-type(2){background:#d5e9e7;margin-left:14px}#app[data-page=lab] .preview-3{transform:none!important;box-shadow:0 8px 25px #193e4a10!important;border-radius:8px}#app[data-page=lab] .preview-3 p{position:relative;padding-bottom:13px}#app[data-page=lab] .preview-3 p:after{content:'';display:block;width:68%;height:7px;border-radius:5px;background:linear-gradient(90deg,#4ca6a4 65%,#e5e7e5 65%);margin-top:8px}#app[data-page=lab] .preview-3 p:nth-of-type(2):after{width:85%}#app[data-page=lab] .tool{padding:24px}
/* 07 Work: restrained thin masthead, left task rail, central input, wider output document. */
#app[data-page=work] .page-hero{padding:103px 0 29px}#app[data-page=work] .page-hero h1{font-size:38px}#app[data-page=work] .page-hero p{font-size:15px}#app[data-page=work] .lab-progress{padding:20px 0}#app[data-page=work] .work-layout{grid-template-columns:180px minmax(270px,1fr) minmax(330px,1.25fr);gap:15px}#app[data-page=work] .work-sidebar{padding:24px 12px;background:linear-gradient(#faf7ef,#faf7eff2),url('/assets/river-hero.webp') center bottom/cover}#app[data-page=work] .work-sidebar h3{font-size:21px}#app[data-page=work] .work-layout .panel{padding:22px}#app[data-page=work] .work-layout .panel h3{font-size:23px}#app[data-page=work] .field{font-size:13px;padding:11px}#app[data-page=work] .work-output{min-height:620px;background:linear-gradient(135deg,#fffefa,#fdfbf5)}#app[data-page=work] .answer-content{font-size:14px}
/* 08 Learning: spacious feature with tilted paper, balanced six-document grid. */
#app[data-page=library] .page-hero{padding:127px 0 42px}#app[data-page=library] .library-feature{padding:35px 38px;margin:22px 0 30px;grid-template-columns:1.4fr 1fr;gap:35px;min-height:270px;background:linear-gradient(115deg,#fffefa,#f8f2e7)}#app[data-page=library] .library-feature h2{font-size:36px}#app[data-page=library] .library-feature .paper{transform:rotate(7deg);padding:25px}#app[data-page=library] .library-feature .paper h3{font-size:22px}#app[data-page=library] .tool{padding:22px;min-height:218px}#app[data-page=library] .tool h3{font-size:22px}#app[data-page=library] .tool .icon{width:40px;height:40px}#app[data-page=library] .tabs{padding:17px 0}#app[data-page=library] .tabs button{font-size:13px;padding:8px 18px}
/* 09 About: half-width classroom photograph, quiet timeline and full-height teacher portraits. */
#app[data-page=about] .about-top{grid-template-columns:1.1fr 1fr;gap:35px}#app[data-page=about] .about-top h1{font-size:42px}#app[data-page=about] .about-top p{font-size:14px}#app[data-page=about] .about-top img{aspect-ratio:1.75;max-height:270px;object-fit:cover;border-radius:3px}#app[data-page=about] .years{padding-top:20px;margin-top:25px}#app[data-page=about] .years strong{font-size:35px}#app[data-page=about] .team{gap:12px}#app[data-page=about] .team article{border-radius:3px;padding:16px 0 0 18px;background:#f2eee6}#app[data-page=about] .team img{height:290px;width:66%}#app[data-page=about] .team h3{font-size:24px;margin-bottom:13px}#app[data-page=about] .team p{font-size:12px}#app[data-page=about] .contact-row article{padding:24px}
/* 10 Cooperation: shallow hero, lifted two-direction feature, small ordered catalog. */
#app[data-page=cooperate] .page-hero{padding:119px 0 56px}#app[data-page=cooperate] .product-feature{margin-top:-47px;padding:28px 32px;background:linear-gradient(105deg,#fffdf8 62%,#f0e9d8);box-shadow:0 8px 30px #203b3f09}#app[data-page=cooperate] .product-feature>h2{font-size:33px}#app[data-page=cooperate] .product-feature .cards2{max-width:850px;gap:20px;margin-top:20px}#app[data-page=cooperate] .product-feature .cards2>div{border:1px solid #eee4d1;padding:20px}#app[data-page=cooperate] .product-feature h3{font-size:24px}#app[data-page=cooperate] .products{gap:17px}#app[data-page=cooperate] .product{padding:19px 20px;min-height:185px;background:linear-gradient(135deg,#fcfcf7,#f7f4ec)}#app[data-page=cooperate] .product h3{font-size:22px;margin-top:10px}#app[data-page=cooperate] .product .price{font-size:26px;margin:8px 0}#app[data-page=cooperate] .product p{max-width:88%;font-size:12px}#app[data-page=cooperate] .tabs{padding:14px 0;gap:5px}#app[data-page=cooperate] .tabs button{font-size:12px;padding:7px 17px}
/* 11 Product: structured left narrative and cream summary; complete handbook content retained. */
#app[data-page=product] .page-hero{padding:115px 0 45px}#app[data-page=product] .page-hero h1{font-size:49px}#app[data-page=product] .story-layout{grid-template-columns:minmax(0,1.95fr) minmax(275px,.85fr);gap:30px}#app[data-page=product] .product-sections h2{font-size:27px}#app[data-page=product] .product-sections h3{font-size:24px;border-color:#d5bd92;color:#142c3a;padding-top:22px}#app[data-page=product] .product-sections>img{max-height:330px;object-fit:cover;object-position:center}#app[data-page=product] .summary-box{background:linear-gradient(135deg,#fffdf8,#f7f0e1);padding:28px}#app[data-page=product] .summary-box h3{font-size:26px}#app[data-page=product] .summary-box .price{font-size:38px;line-height:1.35}#app[data-page=product] .summary-box .actions>.btn{width:100%}#app[data-page=product] .summary-box small{font-size:11px;color:#7a8079}#app[data-page=product] .handbook-section{padding:20px 0;border-color:#dcccaf}#app[data-page=product] .handbook-section summary{font-size:23px}#app[data-page=product] .handbook-section p{font-size:14px;line-height:1.95;color:#5b6b72}
#app[data-page=product] .scheme-service-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:25px 0 20px;border-bottom:1px solid #d5bd92}#app[data-page=product] .scheme-service-flow>div{text-align:center}#app[data-page=product] .scheme-service-flow .icon{border:1px solid #d6b57b;border-radius:50%;padding:9px;box-sizing:content-box;width:23px;height:23px;margin:0 auto 10px}#app[data-page=product] .scheme-service-flow b{display:block;font-family:RiverChapter,serif;font-size:18px}#app[data-page=product] .scheme-service-flow small{font-size:11px;color:#6b7c81}#app[data-page=product] .scheme-support{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 20px}#app[data-page=product] .scheme-support>div{border:1px solid #e4d9c6;border-radius:4px;padding:17px}#app[data-page=product] .scheme-support .icon{width:30px;height:30px;float:left;margin-right:10px;color:#8e6a30}#app[data-page=product] .scheme-support p{font-size:12px;padding:8px 0 0}
/* 12 Mobile reference: stacked cards, horizontal check-in steps, uncluttered header. */
@media(max-width:1100px){#header .brand,#footer .brand{font-size:20px}#header nav{gap:16px;font-size:13px}.header-row{gap:14px}#app[data-page=home] .river-band .wrap{flex-wrap:wrap}#app[data-page=checkin] .checkin-card{grid-template-columns:155px minmax(280px,1fr) 210px}#app[data-page=checkin] .checkin-main{padding:24px}#app[data-page=work] .work-layout{grid-template-columns:140px minmax(220px,1fr) minmax(270px,1.2fr)}#app[data-page=work] .work-layout .panel{padding:17px}}
@media(max-width:850px){#header .brand{font-size:16px}#header nav{gap:11px}#header nav a{font-size:12px}#app[data-page=checkin] .checkin-card{grid-template-columns:145px minmax(0,1fr)}#app[data-page=checkin] .checkin-side{display:none}#app[data-page=work] .work-layout{grid-template-columns:1fr 1.2fr}#app[data-page=work] .work-sidebar{grid-column:1/-1}#app[data-page=story] .story-layout,#app[data-page=product] .story-layout{grid-template-columns:minmax(0,1.65fr) minmax(220px,.85fr);gap:20px}#app[data-page=product] .scheme-support{grid-template-columns:1fr}#app[data-page=lab] .lab-tile{padding:20px;gap:12px}#app[data-page=lab] .lab-tile h3{font-size:25px}#app[data-page=lab] .lab-tile .paper{padding:14px}#app[data-page=lab] .lab-tile .paper h3{font-size:16px}}
@media(max-width:650px){.header-row{height:auto;padding:13px 0 9px;gap:8px}#header .brand{font-size:18px;letter-spacing:0}#header nav{width:100%;gap:6px;justify-content:space-between}#header nav a{padding:5px 0 8px;font-size:12px}#header nav a.active:after{bottom:0}#app[data-page] .page-hero{padding:168px 0 35px}#app[data-page] .page-hero h1{font-size:34px}#app[data-page] .page-hero p{font-size:14px}#app[data-page] h2{font-size:27px}#app[data-page] h3{font-size:22px}#app[data-page] .section{padding:27px 0}#app[data-page=home] .hero{height:590px;padding:180px 0 45px;background-position:62% center}#app[data-page=home] .hero h1{font-size:36px;line-height:1.4}#app[data-page=home] .hero p{font-size:15px}#app[data-page=home] .questions{grid-template-columns:1fr;gap:0;margin-top:20px}#app[data-page=home] .question{border:0;border-bottom:1px solid #e7dece;text-align:left;padding:13px 0 13px 55px;position:relative}#app[data-page=home] .question .icon{position:absolute;left:4px;top:17px;width:31px;height:31px}#app[data-page=home] .question b{font-size:18px}#app[data-page=home] .question p{font-size:12px}#app[data-page=home] .home-offers,#app[data-page=home] .bottom-columns{grid-template-columns:1fr}#app[data-page=home] .bottom-columns>div+div{border:0;padding-left:0}#app[data-page=home] .river-band .flow{flex-wrap:wrap;gap:9px}#app[data-page=home] .river-band .flow>div{min-width:61px}#app[data-page=home] .river-band .flow>span{font-size:16px}#app[data-page=home] .practice-card .copy h3{font-size:21px}
#app[data-page=practice] .feature-story{grid-template-columns:1fr}#app[data-page=practice] .feature-story .visual{min-height:320px}#app[data-page=practice] .filters{flex-wrap:wrap}#app[data-page=practice] .grid3 .practice-card .cover{height:270px}#app[data-page=story] .story-layout,#app[data-page=product] .story-layout,#app[data-page=report] .report-layout{grid-template-columns:1fr}#app[data-page=story] .story-aside{order:0}#app[data-page=story] .story-aside .poster{max-height:280px}#app[data-page=story] .story-main blockquote{font-size:28px}#app[data-page=checkin] .page-hero{padding-top:165px}#app[data-page=checkin] .checkin-card{display:block;width:92%;min-height:0}#app[data-page=checkin] .checkin-steps{display:flex;justify-content:space-between;padding:17px 10px}#app[data-page=checkin] .checkin-steps>div{flex:1;margin:0;border:0;text-align:center;padding:0 2px}#app[data-page=checkin] .checkin-steps i{position:static;margin:0 auto 8px;width:29px;height:29px;font-size:13px}#app[data-page=checkin] .checkin-steps b{font-size:12px}#app[data-page=checkin] .checkin-steps small{display:none}#app[data-page=checkin] .checkin-main{padding:24px 19px}#app[data-page=checkin] .checkin-main h2{font-size:25px}#app[data-page=lab] .lab-grid{grid-template-columns:1fr}#app[data-page=lab] .lab-tile{min-height:250px;padding:23px;grid-template-columns:1fr 1fr}#app[data-page=lab] .lab-tile h3{font-size:25px}#app[data-page=lab] .lab-tile p{font-size:13px}#app[data-page=lab] .lab-progress{display:block;padding-bottom:15px}#app[data-page=lab] .lab-progress>div{border:0;margin-bottom:17px}#app[data-page=work] .work-layout{display:block}#app[data-page=work] .work-sidebar{padding:10px}#app[data-page=work] .work-output{min-height:350px}#app[data-page=library] .library-feature{grid-template-columns:1fr;padding:25px 22px;gap:25px}#app[data-page=library] .library-feature h2{font-size:29px}#app[data-page=library] .library-feature .paper{margin:0 12px}#app[data-page=library] .tabs button{padding:7px 10px}#app[data-page=about] .about-top{grid-template-columns:1fr}#app[data-page=about] .about-top h1{font-size:34px}#app[data-page=about] .team article{padding:14px 0 0 16px}#app[data-page=about] .team img{height:240px}#app[data-page=cooperate] .product-feature{padding:24px 20px;margin-top:-35px}#app[data-page=cooperate] .product-feature>h2{font-size:28px}#app[data-page=cooperate] .product-feature .cards2{grid-template-columns:1fr}#app[data-page=product] .summary-box{position:static}#app[data-page=product] .scheme-service-flow{grid-template-columns:repeat(3,1fr);gap:20px 10px}#app[data-page=product] .scheme-support{grid-template-columns:1fr}#app[data-page=product] .handbook-section summary{font-size:21px}}

/* Faint decorative mountain edges from the supplied reference, kept behind real HTML. */
#app[data-page=home] .question-section,#app[data-page=home] .section.soft,#app[data-page=home]>.section:last-child,#app[data-page=about]>.section,#app[data-page=library]>.section{background-image:url('/assets/scheme3/mountain-left.webp'),url('/assets/scheme3/mountain-right.webp');background-position:left bottom,right center;background-repeat:no-repeat;background-size:65px auto,60px auto}
#app[data-page] .hero .river-reveal,#app[data-page] .page-hero .river-reveal{animation:none}

@media(max-width:650px){#header .brand{font-size:14px;gap:8px}#header .seal{width:30px;height:32px;flex-basis:30px;font-size:11px}#app[data-page=home] .hero .actions{gap:10px;flex-wrap:nowrap}#app[data-page=home] .hero .actions .btn{font-size:12px;padding:10px;gap:10px}#app[data-page=home] .hero p{font-size:14px}#app[data-page=home] .hero{height:570px}#app[data-page=home] .hero h1{font-size:34px}}

#app[data-page=product] .scheme-deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:13px 0 27px}#app[data-page=product] .sample-document{padding:19px 15px;background:linear-gradient(130deg,#fff,#faf8f1);border:1px solid #dfd7c7;box-shadow:0 4px 12px #493c2414;position:relative}#app[data-page=product] .sample-document:after{content:'';position:absolute;right:0;top:0;border-bottom:17px solid #e6decd;border-right:17px solid #fbf9f4}#app[data-page=product] .sample-document h4{font-family:RiverChapter,serif;font-size:17px;text-align:center;margin:0 0 13px}#app[data-page=product] .sample-document>div{display:flex;align-items:center;gap:10px;border-top:1px solid #e3e0d9;padding:9px 0;font-size:11px}#app[data-page=product] .sample-document span{flex:0 0 32px}#app[data-page=product] .sample-document i{height:7px;width:var(--line);background:#e6e5e1;border-radius:2px}#app[data-page=product] .course-photo{margin:15px 0;border:1px solid #e2d8c5;padding:14px;border-radius:4px}#app[data-page=product] .course-photo summary{cursor:pointer;color:#61747a;font-size:13px}#app[data-page=product] .course-photo img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;margin-top:15px}@media(max-width:650px){#app[data-page=product] .scheme-deliverables{gap:8px}#app[data-page=product] .sample-document{padding:15px 8px}#app[data-page=product] .sample-document h4{font-size:13px}#app[data-page=product] .sample-document>div{gap:5px;font-size:10px}#app[data-page=product] .sample-document span{flex-basis:27px}}

@media(max-width:650px){#app[data-page=product] .story-layout>aside{order:-1}#app[data-page=product] .summary-box{padding:22px}#app[data-page=product] .summary-box ul{display:none}#app[data-page=product] .summary-box .price{font-size:38px}}

/* Header account button only; login dialog and account behavior unchanged. */
#header .account{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(120deg,#fce5b8,#dbb778);border:1px solid #ead0a0;color:#17353e;border-radius:6px;font:500 12px/1.4 RiverSans,'Microsoft YaHei',sans-serif;letter-spacing:.03em;padding:9px 15px;box-shadow:0 3px 14px #071d2c35,inset 0 1px #fff4d5;transition:transform .2s,box-shadow .3s,background .3s}#header .account:before{content:'';width:11px;height:11px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 3px #17353e0c}#header .account:hover{background:linear-gradient(120deg,#fff0ce,#e9c48a);box-shadow:0 5px 20px #d1ac6a35;transform:translateY(-1px)}#header .account:active{transform:translateY(1px)}@media(max-width:850px){#header .account{font-size:10px;padding:7px 10px;gap:6px}}@media(prefers-reduced-motion:reduce){#header .account{transition:none}#header .account:hover,#header .account:active{transform:none}}

/* Gallery-only photo covers; full evidence posters remain untouched in story details. */
#app[data-page=practice] .feature-story .visual img{object-fit:cover;object-position:center}#app[data-page=practice] .grid3 .practice-card .cover{height:235px;background:#eae5da}#app[data-page=practice] .grid3 .practice-card .cover img{object-fit:cover;object-position:center}#app[data-page=practice] .practice-card .badge{background:#fff5e4eF;color:#725326;box-shadow:0 2px 9px #122b3620}@media(max-width:650px){#app[data-page=practice] .feature-story .visual{min-height:300px}#app[data-page=practice] .grid3{grid-template-columns:1fr}#app[data-page=practice] .grid3 .practice-card .cover{height:auto;aspect-ratio:1.6}}

#app[data-page=story] .story-aside .poster{aspect-ratio:1.5;max-height:none;object-fit:cover;object-position:center;background:#eee9df}
