/* 哈工大2026学费专题：独立重构主题。SVG图标为内嵌路径，零图标字体/外部CSS/JS。 */
:root{--ink:#16342d;--muted:#688379;--green:#078862;--deep:#064735;--line:#e1ece5;--paper:#ffffff;--background:#f6f9f7;--mint:#eff9f4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI','Microsoft YaHei',Arial,sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #48dca6;outline-offset:2px}a{text-decoration:none}.svg-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.14em;fill:none;stroke:currentColor}
.studio-site{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.studio-page{width:min(1440px,calc(100% - 64px));margin:0 auto}.studio-main{padding-bottom:58px}.studio-header{position:sticky;top:0;z-index:48;background:#fff;border-bottom:1px solid #e1ece5;box-shadow:0 3px 18px #153a2610}.studio-header-inner{width:min(1440px,calc(100% - 64px));margin:auto;min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--ink)}.studio-logo{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(135deg,#11a57f,#047759);border-radius:12px;color:#fff;font-size:23px;box-shadow:0 7px 17px #04866033}.studio-brand strong{display:block;font-size:18px;letter-spacing:-.7px;font-weight:900;line-height:1.3}.studio-brand small{display:block;font-size:10px;letter-spacing:.1px;color:#719084;margin-top:3px}.studio-primary-nav{display:flex;align-items:center;padding:5px;background:#eff6f2;border:1px solid #e2eee7;border-radius:14px;gap:4px}.studio-primary-nav button{display:flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:11px 17px;background:transparent;font-size:12px;font-weight:800;color:#537569;white-space:nowrap;transition:.16s}.studio-primary-nav button:hover{color:#087e5e;background:#fff9}.studio-primary-nav button.active{background:#fff;color:#007752;box-shadow:0 2px 9px #163f2611}.studio-primary-nav .svg-icon{font-size:15px}.studio-header-actions{display:flex;align-items:center;gap:15px}.studio-all-schools{display:flex;align-items:center;gap:4px;color:#537569;font-size:12px;white-space:nowrap;font-weight:700}.studio-all-schools:hover{color:#087c60}.studio-share{border:0;color:#fff;background:#087e5e;padding:12px 15px;border-radius:11px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px;white-space:nowrap}.studio-share:hover{background:#005e48}.studio-mobile-nav{display:none}
.studio-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 325px;overflow:hidden;border:1px solid #d7e9dc;border-radius:20px;margin-top:30px;min-height:280px;background:linear-gradient(105deg,#edf9f1 0%,#f8fcf9 60%,#eef7f0 100%);box-shadow:0 9px 35px #1457330c}.studio-hero:before{content:'';width:390px;height:390px;border:1px solid #9addb920;border-radius:50%;position:absolute;right:23%;top:-260px;pointer-events:none}.studio-hero-main{padding:32px 40px 31px;position:relative}.studio-hero-eyebrow{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:7px 12px;background:#d7f5e6;color:#077455;font-size:11px;font-weight:900;letter-spacing:.25px}.studio-hero-eyebrow .svg-icon{font-size:14px}.studio-hero h1{font-size:clamp(26px,2.5vw,41px);line-height:1.36;font-weight:950;letter-spacing:-1.25px;color:#142e28;margin:16px 0 10px}.studio-hero h1 em{font-size:.72em;font-style:normal;color:#15805f;letter-spacing:-.5px}.studio-hero-main>p{font-size:13px;line-height:1.8;color:#587b6d;max-width:775px;margin:0}.studio-hero-links{display:flex;gap:10px;margin-top:20px}.studio-hero-links button{display:flex;align-items:center;gap:8px;padding:11px 17px;border-radius:10px;font-size:12px;font-weight:850;border:1px solid #b1dbcb;background:#fff;color:#067955}.studio-hero-links button:first-child{background:#058c67;color:#fff;border-color:#058c67}.studio-hero-links button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0c6e4820}.studio-hero-side{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#0b7255,#075341);color:#fff;padding:29px 32px}.studio-hero-school{font-size:44px;font-weight:950;letter-spacing:-1.7px;line-height:1.1}.studio-hero-school span{font-weight:400;font-size:22px;color:#91e7bf;margin-left:8px}.studio-hero-divider{height:1px;background:#ffffff3a;margin:20px 0 18px}.studio-hero-mini{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}.studio-hero-mini>span{color:#b1dfc9;font-size:10px}.studio-hero-mini>b{font-size:13px;font-weight:700}.studio-hero-date{font-size:10px;color:#9dd1b7;margin-top:8px}
.studio-clues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e0ece4;border-radius:15px;background:#fff;margin:15px 0 30px;box-shadow:0 5px 20px #134b2710}.studio-clues>div{padding:17px 20px;display:flex;gap:11px;align-items:center;min-width:0}.studio-clues>div+div{border-left:1px solid #e6eee7}.studio-clues .svg-icon{font-size:20px;color:#149d77}.studio-clues span{min-width:0}.studio-clues b{display:block;font-size:12px;color:#19523e;line-height:1.5}.studio-clues small{display:block;font-size:11px;color:#769386;line-height:1.6;margin-top:2px}
.studio-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 16px}.studio-section-heading h2{color:#153b2d;font-size:23px;line-height:1.35;font-weight:950;letter-spacing:-.6px;margin:6px 0 0}.studio-section-heading>p,.studio-section-heading .nova-heading-sub{font-size:12px;color:#859a8f}.studio-section-heading .nova-section-serial,.studio-section-index{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#11916c}.studio-metrics{margin-bottom:33px}.studio-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.studio-metrics-grid>.glass-card{min-width:0;border:1px solid #e0eae2;border-left:1px solid #e0eae2!important;border-radius:15px!important;background:#fff;box-shadow:0 6px 20px #143e2b0d;position:relative;padding:21px 23px!important;overflow:hidden}.studio-metrics-grid>.glass-card:before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:3px;background:#009f76;border-radius:0 6px 6px 0}.studio-metrics-grid>.glass-card:nth-child(2):before{background:#3c85e8}.studio-metrics-grid>.glass-card:nth-child(3):before{background:#9150d2}.studio-metrics-grid>.glass-card:nth-child(4):before{background:#e7a429}.studio-metrics-grid>.glass-card .text-2xl{font-size:30px}.studio-metrics-grid>.glass-card .text-xs{font-size:11px}.studio-metrics-grid>.glass-card>div:first-child .svg-icon{font-size:19px}
.studio-tab-panel{margin-top:24px}.studio-workbench{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.87fr);gap:21px;align-items:start}.studio-workbench-main{min-width:0;display:flex;flex-direction:column;gap:16px}.studio-search{border:1px solid #dae9df;background:#fff;border-radius:18px;padding:24px 25px;box-shadow:0 9px 27px #174b2b0d}.studio-search-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.studio-eyebrow{font-size:10px;font-weight:850;letter-spacing:1.6px;color:#069670;margin:0 0 7px}.studio-search h2{font-size:18px;font-weight:900;line-height:1.4;letter-spacing:-.4px;margin:0 0 4px;color:#173c2e}.studio-search-header span:not(.studio-result-count){font-size:11px;color:#7f9389;line-height:1.65}.studio-result-count{display:inline-block;flex-shrink:0;border-radius:8px;background:#e6f8ef;padding:9px 12px;font-size:12px;color:#077e5b;white-space:nowrap}.studio-search-entry{display:grid;grid-template-columns:minmax(0,1fr) 165px 70px;gap:9px;margin-top:20px}.studio-search-input{height:45px;display:flex;align-items:center;gap:9px;background:#f8faf9;border:1px solid #dce9df;border-radius:10px;padding:0 13px;min-width:0}.studio-search-input .svg-icon{font-size:18px;color:#1a936e}.studio-search-input input{outline:0;border:0;background:transparent;flex:1;min-width:0;font-size:12px;color:#173b2a}.studio-search-entry select{width:100%;min-width:0;border:1px solid #dce9df;border-radius:10px;color:#365a49;font-size:12px;background:#f8faf9;padding:0 9px}.studio-clear{background:#f1f6f2;border:1px solid #dce9df;border-radius:10px;font-size:12px;color:#52816e;font-weight:700;display:flex;justify-content:center;align-items:center;gap:5px}.studio-filter-block{display:flex;align-items:flex-start;gap:14px;margin-top:17px}.studio-filter-block>span{color:#416e57;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:900;line-height:33px;min-width:53px}.studio-filter-options{display:flex;flex-wrap:wrap;gap:7px}.studio-filter-options button{font-size:11px;line-height:1.5;border:1px solid #e0eae3;border-radius:8px;background:#f6f9f7;color:#617e6b;font-weight:650;padding:7px 10px}.studio-filter-options button:hover{border-color:#93d8be}.studio-filter-options button.selected{background:#078460;border-color:#078460;color:#fff;box-shadow:0 3px 12px #087f5424}
.studio-fee-notice{border:1px solid #f1dfb0;background:#fffaf0;border-radius:13px;padding:14px 18px;font-size:11px;line-height:1.85;color:#896732}.studio-fee-notice .font-bold{font-size:12px}.studio-fee-notice .svg-icon{font-size:14px}
.studio-results-card{background:#fff;border:1px solid #dfeae2;border-radius:17px;min-width:0;overflow:hidden;box-shadow:0 9px 27px #174b2b0d}.studio-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid #e2ece4}.studio-results-head h3{font-size:17px;font-weight:900;display:flex;align-items:center;gap:8px;color:#183e2d;margin:0}.studio-results-head h3 .svg-icon{color:#05956e}.studio-results-head p{font-size:11px;color:#859c8e;margin-top:6px}.studio-results-head>label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:#759080}.studio-results-head select{border:1px solid #dce8df;border-radius:8px;background:#f8faf9;padding:8px 6px;font-size:11px;color:#3e614e}.studio-results-card .overflow-x-auto{max-height:610px;overflow:auto}.studio-results-card table{width:100%;min-width:730px;border-collapse:collapse;table-layout:auto}.studio-results-card th{position:sticky;top:0;background:#f0f6f2;z-index:2;color:#567569;font-size:11px;text-align:left;padding:12px 12px;white-space:nowrap}.studio-results-card td{padding:14px 11px;line-height:1.55;font-size:11px;vertical-align:middle}.studio-results-card tbody tr{border-bottom:1px solid #eef1ed}.studio-results-card tbody tr:hover{background:#f4faf6}.studio-results-card tbody tr[class*="bg-emerald"]{background:#eafaef;border-left:3px solid #16ac7b}.studio-results-card td:nth-child(2){min-width:200px}.studio-results-card td:nth-child(2) .font-semibold{font-size:12px}.studio-results-card td .font-bold{font-size:14px}.studio-mobile-results{display:none}
.studio-detail-column{min-width:0;display:flex;flex-direction:column;gap:15px}.studio-budget{border-radius:18px;overflow:hidden;border:1px solid #cae5d7;background:#fff;box-shadow:0 10px 25px #0c5a3820;scroll-margin-top:125px}.studio-budget-head{background:linear-gradient(135deg,#075a45,#087b5e);color:#fff;padding:20px;display:flex;gap:11px;align-items:center}.studio-budget-symbol{background:#ffffff26;border:1px solid #ffffff32;color:#eaffef;border-radius:12px;font-size:22px;display:grid;place-items:center;width:46px;height:46px;flex-shrink:0}.studio-budget-eyebrow{display:block;font-size:9px;letter-spacing:1.1px;color:#aff5cf;font-weight:800}.studio-budget h3{font-size:17px;font-weight:900;line-height:1.5;margin:3px 0 0}.studio-budget-head p{font-size:10px;color:#bce4d0;margin:2px 0 0}.studio-budget-content{padding:20px}.studio-selected-major{padding:13px 14px;background:#eff8f2;border-radius:12px;border:1px solid #dcece0}.studio-selected-major span{display:block;font-size:10px;color:#779987}.studio-selected-major strong{display:block;font-size:16px;color:#14382a;line-height:1.55;margin:4px 0 3px}.studio-selected-major small{display:block;color:#5e9b7b;font-size:11px}.studio-budget-figures{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px}.studio-budget-figures>div{min-width:0;border:1px solid #e1eae3;background:#fafdfb;border-radius:11px;padding:13px}.studio-budget-figures span{display:block;color:#799185;font-size:10px}.studio-budget-figures strong{display:block;overflow-wrap:anywhere;font-size:17px;line-height:1.45;margin-top:7px;color:#087d5d;font-weight:900}.studio-budget-figures>div:nth-child(2) strong{color:#b88224}.studio-cost-living{padding:3px 2px 16px}.studio-cost-living-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.studio-cost-living-top label{font-size:12px;font-weight:850;color:#2f5942}.studio-cost-living-top strong{font-size:14px;color:#078e68;white-space:nowrap}.studio-cost-living input{width:100%;margin:17px 0 5px;accent-color:#0a966e;cursor:pointer}.studio-living-legend{display:flex;justify-content:space-between;color:#879b8f;font-size:10px}.studio-budget-total{padding:16px;border-radius:12px;background:#eaf8f0;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d1efde}.studio-budget-total span{font-size:12px;font-weight:850;color:#1e5b43}.studio-budget-total small{display:block;font-size:10px;font-weight:400;color:#77a08a;margin-top:4px}.studio-budget-total strong{font-size:23px;color:#06714e;font-weight:950;white-space:nowrap}.studio-budget-caution{font-size:10px;line-height:1.7;color:#809184;margin:12px 1px}.studio-budget-poster{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 9px;border-radius:10px;border:1px solid #087c60;background:#067d5c;color:#fff;font-size:12px;font-weight:900}.studio-budget-poster:hover{background:#075d46}.studio-detail-column>div:last-child{border:1px solid #dfeae2!important;border-radius:17px!important;box-shadow:0 7px 23px #174b2b0e;background:#fff!important;padding:20px!important}.studio-detail-column>div:last-child h3{font-size:16px;color:#1b4231}.studio-detail-column .major-share-btn{font-size:12px;padding:12px;border-radius:10px}
.studio-charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.studio-charts-grid>div{min-width:0;background:#fff;border:1px solid #dfebe4!important;border-radius:17px!important;padding:22px!important;box-shadow:0 9px 24px #174b2b10}.studio-charts-grid h3{font-size:15px;color:#173c2c}.studio-charts-grid p{font-size:11px;line-height:1.7;color:#799084}.hit-chart-box{min-height:300px;height:300px;overflow:hidden;position:relative}.hit-chart-box svg{overflow:hidden}#guide-section>div:nth-child(2){border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}#guide-section>div:nth-child(2)>div.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important}#guide-section>div:nth-child(2)>div.grid>div{padding:24px!important;border:1px solid #e0ebe3;border-radius:16px!important;background:#fff!important;min-height:195px;box-shadow:0 6px 24px #174b2b0d}#guide-section>div:nth-child(2)>div.grid>div h3{font-size:15px;color:#234936}#guide-section>div:nth-child(2)>div.grid>div p{line-height:1.8;font-size:12px}#guide-section>div:nth-child(2)>div.grid>div:last-child{grid-column:span 2}
.studio-footer{background:#f0f5f1;color:#456d58;border-top:1px solid #dbe8dd;margin-top:auto;font-size:12px}.studio-footer>div:first-child{max-width:1440px;margin:auto;padding:47px 32px 35px}.studio-footer-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:45px}.studio-footer-grid>div:first-child{max-width:440px}.studio-footer .text-white,.studio-footer h4,.studio-footer .text-slate-300{color:#234737!important}.studio-footer .text-slate-400{color:#789081!important}.studio-footer .bg-gradient-to-br{background:#078d67!important;color:#fff!important}.studio-footer .bg-slate-800{background:#e0eee4!important;border-color:#cfe6d5!important;color:#287c5e!important}.studio-footer a{color:#456d58}.studio-footer a:hover{color:#007b58}.studio-footer h4{border-left-color:#08a37a!important;font-size:13px;font-weight:900}.studio-footer li{margin-top:10px}.studio-footer .text-emerald-400,.studio-footer .text-emerald-500,.studio-footer .text-teal-400{color:#098c6b!important}.studio-footer>div:last-child{background:#e9f1ea;border-top:1px solid #d9e7da;padding:16px 0}.studio-footer>div:last-child>div{max-width:1440px;margin:auto;padding:0 32px;gap:15px;color:#668271;font-size:10px}.studio-footer>div:last-child .text-slate-700{color:#b8cabe}.studio-footer>div:last-child a{color:#395b48}
/* 与东林最初模板一致的分享面板主体与海报生成样式，在index.html独立保留。仅补充二维码PNG保存按钮与移动端二维码显示。 */
.studio-save-qr{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;border:1px solid #bfe7d1;border-radius:9px;color:#087f5e;background:#fff;padding:9px 7px;font-size:11px;font-weight:850;margin-top:11px}.studio-save-qr:hover{background:#effaf3}.studio-save-qr .svg-icon{font-size:13px}
body>button[\@click="scrollToTop()"]{width:45px!important;height:45px!important;background:#058965!important;box-shadow:0 8px 22px #11795147!important}.share-qr-panel .svg-icon,.share-action-btn .svg-icon,.share-close-btn .svg-icon{stroke:currentColor}
@media(max-width:1240px){.studio-header-inner,.studio-page{width:min(100% - 40px,1440px)}.studio-primary-nav button{padding:10px 11px}.studio-workbench{grid-template-columns:minmax(0,1.45fr) minmax(310px,.9fr);gap:15px}.studio-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-charts-grid>div:first-child{grid-column:span 2}.studio-hero{grid-template-columns:minmax(0,1fr) 275px}.studio-footer-grid{gap:22px}}
@media(max-width:980px){.studio-header-inner{min-height:67px}.studio-primary-nav{display:none}.studio-mobile-nav{display:flex;justify-content:space-around;align-items:center;border-top:1px solid #edf1ed;padding:5px max(20px,calc((100vw - 800px)/2));gap:4px}.studio-mobile-nav button{border:0;background:transparent;color:#597c68;display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:9px;font-weight:850;font-size:12px}.studio-mobile-nav button.active{color:#028561;background:#e9f7ef}.studio-hero{grid-template-columns:1fr 235px}.studio-hero-main{padding:27px}.studio-hero h1{font-size:31px}.studio-hero-side{padding:24px}.studio-hero-school{font-size:37px}.studio-workbench{grid-template-columns:minmax(0,1fr)}.studio-detail-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.studio-budget{align-self:start}.studio-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-footer-grid>div:first-child{grid-column:span 3;max-width:none}.studio-clues{gap:0}.studio-clues>div{padding:14px}.studio-clues small{font-size:10px}}
@media(max-width:700px){.studio-header-inner,.studio-page{width:calc(100% - 28px)}.studio-header-inner{min-height:64px}.studio-brand strong{font-size:15px}.studio-brand small{font-size:9px}.studio-logo{width:39px;height:39px;font-size:20px}.studio-all-schools{display:none}.studio-share{font-size:0;padding:11px 13px;gap:0}.studio-share .svg-icon{font-size:18px}.studio-mobile-nav{padding:5px 9px}.studio-mobile-nav button{font-size:11px;gap:5px;padding:9px 8px}.studio-mobile-nav button .svg-icon{font-size:15px}.studio-hero{display:block;margin-top:15px;border-radius:15px}.studio-hero-main{padding:25px 22px}.studio-hero h1{font-size:28px;letter-spacing:-.8px}.studio-hero-main>p{font-size:12px}.studio-hero-side{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;padding:15px 22px}.studio-hero-school{font-size:26px;margin-right:auto}.studio-hero-school span{font-size:15px}.studio-hero-divider,.studio-hero-mini,.studio-hero-date{display:none}.studio-hero-links{gap:8px}.studio-hero-links button{padding:10px 12px;font-size:11px}.studio-clues{grid-template-columns:1fr;margin:13px 0 24px}.studio-clues>div{padding:11px 15px}.studio-clues>div+div{border-top:1px solid #e6eee7;border-left:0}.studio-clues .svg-icon{font-size:18px}.studio-clues small{font-size:11px}.studio-section-heading h2{font-size:19px}.studio-section-heading>p,.studio-section-heading .nova-heading-sub{display:none}.studio-metrics-grid{gap:9px}.studio-metrics-grid>.glass-card{padding:14px!important;border-radius:12px!important}.studio-metrics-grid>.glass-card .text-2xl{font-size:25px}.studio-metrics-grid>.glass-card .text-xs{font-size:10px}.studio-metrics-grid>.glass-card p{font-size:10px}.studio-workbench-main{gap:12px}.studio-search{padding:19px 16px}.studio-search-header{align-items:flex-start;flex-wrap:wrap}.studio-search h2{font-size:17px}.studio-result-count{padding:6px 9px;font-size:11px}.studio-search-entry{grid-template-columns:minmax(0,1fr) 75px;margin-top:15px}.studio-search-input{grid-column:span 2}.studio-search-entry select{height:43px}.studio-clear{height:43px}.studio-filter-block{display:block;margin-top:14px}.studio-filter-block>span{display:block;min-width:0;line-height:1.6;margin-bottom:8px}.studio-filter-options button{font-size:10px;padding:7px 9px}.studio-fee-notice{font-size:11px;padding:13px 14px}.studio-results-head{padding:16px;flex-wrap:wrap}.studio-results-head h3{font-size:15px}.studio-results-card>div.overflow-x-auto{display:none!important}.studio-mobile-results{display:flex;flex-direction:column;gap:10px;max-height:690px;overflow-y:auto;padding:12px;background:#f5f9f6}.studio-major-card{display:block;width:100%;text-align:left;border:1px solid #e1eae3;background:#fff;border-radius:12px;padding:14px;transition:.16s}.studio-major-card.selected{background:#f1fff7;border-color:#22ae80;box-shadow:0 0 0 2px #dcfae8}.studio-major-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.studio-campus-chip{font-size:10px;color:#158566;background:#eaf9f1;padding:4px 7px;border-radius:6px;font-weight:850}.studio-major-price{color:#759888;white-space:nowrap;font-size:10px}.studio-major-price strong{font-size:17px;color:#077755}.studio-major-name{display:block;font-size:14px;font-weight:900;margin:9px 0 3px;line-height:1.5;color:#254936}.studio-major-group{display:block;font-size:10px;color:#819a8c;line-height:1.6}.studio-major-bottom{display:flex;align-items:center;gap:6px;border-top:1px dashed #e7efe8;padding-top:9px;margin-top:11px;font-size:10px;color:#82998a}.studio-major-bottom strong{color:#167b5d;font-size:11px;margin-left:auto}.studio-major-bottom .svg-icon{font-size:12px;color:#179971}.studio-mobile-empty{padding:35px 12px;text-align:center;font-size:12px;color:#829a8a}.studio-detail-column{display:flex;flex-direction:column;gap:14px}.studio-charts-grid{grid-template-columns:1fr}.studio-charts-grid>div:first-child{grid-column:auto}.studio-charts-grid>div{padding:18px!important}.hit-chart-box{height:270px;min-height:270px}#guide-section>div:nth-child(2)>div.grid{grid-template-columns:1fr}#guide-section>div:nth-child(2)>div.grid>div:last-child{grid-column:auto}.studio-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.studio-footer-grid>div:first-child{grid-column:span 2}.studio-footer-grid>div:last-child{grid-column:span 2}.studio-footer>div:first-child{padding:33px 18px}.studio-footer>div:last-child>div{padding:0 18px}.studio-footer .text-lg{font-size:16px}.share-dialog .share-grid{display:grid;grid-template-columns:1fr!important;gap:15px}.share-dialog .share-qr-panel{display:flex!important;align-items:center;justify-content:center;flex-direction:column;padding:14px;gap:4px}.share-dialog .share-qr-caption{text-align:center}.share-dialog .share-qr-panel .studio-save-qr{max-width:220px;margin-top:6px}.share-dialog .share-actions{grid-template-columns:1fr!important}.share-dialog .share-dialog-body{padding:15px}.share-dialog .share-qr-panel #shareQrCode{margin:0 auto}.share-dialog #shareQrCode img,.share-dialog #shareQrCode canvas{max-width:144px!important;max-height:144px!important}}
@media(max-width:390px){.studio-header-inner{gap:7px}.studio-brand{gap:8px}.studio-brand strong{font-size:13px}.studio-brand small{font-size:8px}.studio-hero h1{font-size:25px}.studio-hero-links button{padding:9px;font-size:10px}.studio-budget-total{display:block}.studio-budget-total strong{display:block;margin-top:10px}.studio-budget-figures strong{font-size:15px}.studio-metrics-grid>.glass-card .text-2xl{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none!important}}