:root{color:#142036;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef3f9;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button,a{-webkit-tap-highlight-color:transparent}.app-shell{--brand:#0c3880;--brand-light:#e8f0fd;--ink:#142036;--muted:#5f6f86;width:100%;max-width:430px;min-height:100dvh;padding-bottom:calc(92px + env(safe-area-inset-bottom));background:linear-gradient(#0c388014,#f8fafc00 260px),#f7f9fc;margin:0 auto;position:relative;overflow-x:hidden}.topbar{background:linear-gradient(135deg, var(--brand), #062456);color:#fff;min-height:104px;padding:28px 20px 18px;position:relative;overflow:hidden}.topbar-glow{background:#ffffff1f;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-52px}.brand-lockup{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.school-logo{object-fit:contain;background:#fffffff5;border-radius:50%;width:44px;height:44px;padding:4px}.school-name{margin:0 0 2px;font-size:18px;font-weight:800}.school-en{color:#ffffffc2;margin:0;font-size:11px}.page-section{padding:18px 20px 8px}.banner-card{background:#0c3880;border-radius:20px;min-height:174px;position:relative;overflow:hidden;box-shadow:0 16px 34px #0c38802e}.banner-card img{object-fit:cover;width:100%;height:174px;display:block}.banner-card:after{content:"";background:linear-gradient(90deg,#071c44eb 0%,#071c44c7 42%,#071c4429 78%),linear-gradient(#071c442e,#071c4400);position:absolute;inset:0}.banner-copy{z-index:1;color:#fff;position:absolute;inset:24px 24px auto}.banner-copy p{color:#ffffffc7;margin:0 0 8px;font-size:13px}.banner-copy h1{letter-spacing:0;white-space:nowrap;text-shadow:0 2px 12px #00000047;width:min(300px,100% - 28px);margin:0 0 18px;font-size:clamp(23px,7vw,30px);line-height:1.2}.light-pill,.back-button{min-height:36px;color:var(--brand);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-weight:800;display:inline-flex}.banner-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:16px;left:24px}.banner-dots span{background:#ffffff7a;border-radius:999px;width:7px;height:4px}.banner-dots .active{background:#fff;width:20px}.welcome-note{background:linear-gradient(135deg, #fff, var(--brand-light));border:1px solid #0c38801f;border-radius:18px;grid-template-columns:42px 1fr;align-items:start;gap:12px;margin-top:16px;padding:16px;display:grid;box-shadow:0 10px 26px #0a224814}.welcome-icon{background:var(--brand);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.welcome-note p{color:var(--ink);margin:0;font-size:15px;font-weight:700;line-height:1.65}.info-block,.contact-card,.pdf-panel,.manual-card{background:#fff;box-shadow:0 10px 26px #0a224814}.info-block{border-radius:18px;margin-top:16px;padding:18px}.section-heading{color:var(--brand);align-items:center;gap:8px;display:flex}.section-heading h2{color:var(--ink);margin:0;font-size:18px;line-height:1.25}.info-block p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.75}.range-list{gap:10px;margin-top:14px;display:grid}.range-card{background:#fbfdff;border:1px solid #0c38801f;border-radius:16px;overflow:hidden}.range-card summary{cursor:pointer;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;min-height:72px;padding:12px;list-style:none;display:grid}.range-card summary::-webkit-details-marker{display:none}.range-card summary:focus-visible{outline-offset:-3px;outline:3px solid #0c38803d}.range-index{background:var(--brand);color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:grid}.range-summary-copy{min-width:0}.range-summary-copy strong{color:var(--ink);font-size:16px;line-height:1.25;display:block}.range-summary-copy small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.55;display:block}.range-chevron{color:#8ba0bb;transition:transform .18s}.range-card[open] .range-chevron{transform:rotate(90deg)}.range-detail{padding:0 12px 14px 56px}.range-label{color:var(--brand);font-size:12px;font-weight:900;display:block}.range-tags{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.manual-card{color:inherit;text-align:left;cursor:pointer;border:0}.manual-card strong{margin-top:10px;font-size:15px;line-height:1.3;display:block}.manual-card small,.page-title span{color:var(--muted);font-size:12px;line-height:1.45;display:block}.range-tags span{background:var(--brand-light);color:var(--brand);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;line-height:1.35}.range-tags span.included{color:#8c5514;background:#fff7e6}.page-title{margin:4px 0 18px}.page-title p{color:var(--brand);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.page-title h1{margin:0 0 8px;font-size:28px;line-height:1.15}.manual-list{gap:13px;display:grid}.manual-card{border-radius:18px;grid-template-columns:64px 1fr 24px;align-items:center;gap:14px;width:100%;min-height:92px;padding:14px;display:grid}.manual-card:focus-visible,.app-download-button:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible{outline-offset:3px;outline:3px solid #0c388047}.manual-card img{object-fit:cover;border-radius:14px;width:64px;height:64px}.detail-section{padding-top:14px}.compact-title h1{font-size:24px}.back-button{border:1px solid #0c388024;min-height:34px;margin-bottom:16px}.app-download-card{color:#fff;background:radial-gradient(circle at 94% 8%,#ffffff47,#0000 28%),linear-gradient(135deg,#0c3880,#062456);border-radius:20px;grid-template-columns:52px 1fr;align-items:center;gap:12px;margin-bottom:14px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 32px #06245638}.app-download-card:after{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:124px;height:124px;position:absolute;bottom:-40px;right:-26px}.app-download-icon{width:52px;height:52px;color:var(--brand);background:#fff;border-radius:17px;place-items:center;display:grid;box-shadow:inset 0 -6px 14px #0c38801f}.app-download-copy,.app-download-button{z-index:1;position:relative}.app-download-copy p{color:#ffffffc2;margin:0 0 5px;font-size:12px;font-weight:900}.app-download-copy h2{margin:0;font-size:20px;line-height:1.25}.app-download-copy span{color:#ffffffd1;margin-top:6px;font-size:13px;line-height:1.55;display:block}.app-download-button{min-height:52px;color:var(--brand);touch-action:manipulation;background:#fff;border-radius:16px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 12px 22px #00000029}.pdf-panel{border:1px solid #0c38801a;border-radius:18px;height:430px;overflow:hidden}.document-preview-panel{background:#f8fbff;height:min(640px,100vh - 280px);min-height:430px}.pdf-panel iframe{border:0;width:100%;height:100%;display:block}.action-stack{gap:12px;margin-top:16px;display:grid}.primary-action,.secondary-action,.contact-card button{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:900;text-decoration:none;display:flex}.primary-action{background:var(--brand);color:#fff;box-shadow:0 12px 24px #0c38802e}.secondary-action{color:var(--brand);background:#fff;border:1px solid #0c388038}.contact-card{color:#fff;background:linear-gradient(135deg, var(--brand), #062456);border-radius:22px;padding:24px}.contact-card span{color:#ffffffbd;font-size:13px;font-weight:700;display:block}.contact-card strong{margin:5px 0 22px;font-size:32px;line-height:1.15;display:block}.contact-card a{color:#fff;margin-top:5px;font-size:25px;font-weight:900;text-decoration:none;display:inline-block}.contact-card button{width:132px;color:var(--brand);cursor:pointer;background:#fff;border:0;margin-top:22px}.issue-list{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.issue-list li{color:var(--muted);padding-left:18px;font-size:14px;position:relative}.issue-list li:before{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px;position:absolute;top:.48em;left:0}.bottom-nav{z-index:10;width:100%;max-width:430px;min-height:calc(72px + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #0c388014;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 28px #0a224814}.bottom-nav button{color:#7c8aa0;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:56px;font-size:12px;font-weight:800;display:flex}.bottom-nav button.active{background:var(--brand-light);color:var(--brand)}@media (width<=340px){.page-section{padding-inline:14px}.app-download-card{grid-template-columns:46px 1fr;padding:14px}.app-download-icon{width:46px;height:46px}.app-download-copy h2{font-size:18px}.range-card summary{grid-template-columns:30px 1fr 18px;gap:8px;padding:11px}.range-index{width:30px;height:30px}.range-detail{padding-left:49px}.banner-copy h1{width:min(260px,100% - 16px);font-size:22px}}