/* 次頁增量層：僅正式玻璃入口的非冒險頁；不改導航、報告、核心規則。 */
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) >.hero-card{grid-template-columns:94px minmax(0,1fr);gap:10px;padding:8px;min-height:111px;align-items:center;background:linear-gradient(#fffefb,#fffaf0)}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) >.hero-card .portrait{width:94px;height:94px;border-radius:5px;clip-path:none}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) >.hero-card .portrait img{width:130px;height:130px;left:-25px;top:0}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) >.hero-card .portrait img[src="/assets/bubble-dragon-mature.png"]{width:150px;height:150px;left:-32px;top:-5px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .name-row{margin-bottom:4px;gap:3px 8px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .name-row h1{font-size:21px;line-height:1.25;overflow-wrap:anywhere}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .name-row>small{line-height:1.5;overflow-wrap:anywhere}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital.sp{grid-template-columns:minmax(44px,max-content) minmax(32px,1fr) auto;column-gap:4px;row-gap:2px;min-height:20px;margin-top:1px;align-items:center;font-size:11px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .resource-label{display:grid;grid-template-columns:20px max-content;gap:3px;min-width:0;align-items:center;line-height:1.25}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .resource-label .resource-name{line-height:1.25;white-space:nowrap}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .resource-label .icon{display:none}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .resource-label .hud-icon{display:block;position:relative;overflow:hidden;width:20px;height:20px;flex-shrink:0}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .hud-icon img{display:block;width:100%;height:100%;object-fit:contain}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .hud-icon img[src="/assets/alpha-hud-hp-v9.png"]{position:absolute;width:29px;height:27.54px;max-width:none;left:-4.5px;top:-3.6px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .hud-icon img[src="/assets/alpha-hud-mp-v9.png"]{position:absolute;width:23px;height:23px;max-width:none;left:-1.5px;top:-1.5px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital progress{height:14px;min-width:0;border-radius:5px;box-shadow:inset 0 2px 2px #6c6b5b24,0 1px 0 #fff}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital output{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.3;text-align:right;font-size:11px;font-weight:850}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital.has-long-value{grid-template-columns:minmax(44px,max-content) minmax(32px,1fr) minmax(0,1fr)}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital.has-long-value progress{grid-column:2 / 4}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital.has-long-value output{grid-column:2 / 4;grid-row:2}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .secondary-jumps{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 14px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .secondary-jumps button{flex:1 1 88px;min-width:44px;min-height:44px;padding:8px 10px;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5;border-color:#91cbe8;background:linear-gradient(#fffef9,#eaf7ff);color:#143e68}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .secondary-section{scroll-margin-top:14px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .flow-note,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .build-lock-note{margin:10px 0;padding:10px 12px;border:1px solid #a9d8ea;border-radius:5px;background:#edf9ff;color:#183f67;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .build-lock-note{background:#fff5db;border-color:#e6c990;color:#664a1e}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .build-lock-note button,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .flow-note button{min-width:44px;min-height:44px;margin-top:7px;white-space:normal;line-height:1.5}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #career-help{margin:8px 0;padding:10px 12px;border-left:3px solid #1589dc;border-radius:3px;background:#e9f6ff;color:#123d65;font-size:12px;font-weight:650;line-height:1.75}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .overview-disclosure{margin:10px 0 12px;border:1px solid #bddae6;border-radius:5px;background:#f4fbff}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .overview-disclosure>summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:44px;padding:9px 11px;font-size:12px;font-weight:800;line-height:1.5;color:#194d75}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .overview-disclosure[open]>.item-overview{padding:0 8px 8px;margin:0}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .overview-disclosure .overview-item{min-height:91px;gap:4px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .overview-disclosure .overview-item .item-art,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .overview-disclosure .overview-item .missing-art{height:52px;min-height:52px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .overview-disclosure .overview-count{top:39px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog{margin-top:12px;padding:0 10px;border:1px solid #c5dce8;border-radius:5px;background:#f1f8fb}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog>summary{min-height:44px;padding:10px 0;font-size:12px;font-weight:750;line-height:1.6}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .skill-row{padding:8px 0;gap:7px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .skill-row:has(.skill-art){grid-template-columns:34px minmax(0,1fr)}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .skill-art{width:34px;height:34px;padding:2px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .skill-row p{margin-top:3px;line-height:1.65}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .skill-row button{min-height:44px;margin-top:5px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .empty-state{margin:10px 0;padding:13px;border:1px dashed #99c4d9;border-radius:5px;background:#edf8fd;color:#254e70;font-size:12px;line-height:1.75;overflow-wrap:anywhere}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .empty-state strong{display:block;font-size:14px;color:#143f68;margin-bottom:5px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .empty-state button{min-width:44px;min-height:44px;margin-top:8px;white-space:normal;line-height:1.5}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-character .field,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-equipment .field,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-supplies .field,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-save .field{flex-wrap:wrap;line-height:1.6}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-character .item-actions,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-equipment .item-actions,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-supplies .item-actions,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-save .item-actions{flex-wrap:wrap;gap:7px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-character button,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-equipment button,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-supplies button,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-save button{min-width:44px;min-height:44px;white-space:normal;overflow-wrap:anywhere}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-character .card,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-equipment .card,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-supplies .card,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-save .card{margin-bottom:16px;background:linear-gradient(#fffefb,#fffaf0);border-color:#adcddd}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-character h2,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-equipment h2,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-supplies h2,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) #panel-save h2{max-width:100%;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:350px){
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) >.hero-card{grid-template-columns:80px minmax(0,1fr);gap:8px;min-height:100px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) >.hero-card .portrait{width:80px;height:80px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) >.hero-card .portrait img{width:108px;height:108px;left:-21px;top:0}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) >.hero-card .portrait img[src="/assets/bubble-dragon-mature.png"]{width:126px;height:126px;left:-27px;top:-4px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .name-row h1{font-size:20px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital,body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital.sp{grid-template-columns:minmax(40px,max-content) minmax(32px,1fr) auto;min-height:18px;font-size:10px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .resource-label{grid-template-columns:18px max-content}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .resource-label .hud-icon{width:18px;height:18px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .hud-icon img[src="/assets/alpha-hud-hp-v9.png"]{width:26.1px;height:24.79px;left:-4.05px;top:-3.24px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .hud-icon img[src="/assets/alpha-hud-mp-v9.png"]{width:20.7px;height:20.7px;left:-1.35px;top:-1.35px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital output{font-size:10px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital.has-long-value{grid-template-columns:minmax(40px,max-content) minmax(32px,1fr) minmax(0,1fr)}
}

/* 沿用已認可資源槽的亮面線索，不改progress數值或標籤。 */
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital progress::-webkit-progress-bar{background:linear-gradient(#dedcd2,#f1eee4);box-shadow:inset 0 1px 2px #8a82664a}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital progress::-webkit-progress-value{border-radius:4px;background:linear-gradient(#ffb5a6 0,#ff725e 18%,#f4322c 52%,#ee3630 78%,#ff8270);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #a9202866}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital.mp progress::-webkit-progress-value{background:linear-gradient(#a9f4ff 0,#3cdaff 18%,#089bf5 52%,#0587e5 78%,#5ed8ff)}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .vital.sp progress::-webkit-progress-value{background:linear-gradient(#b1f5bd 0,#67e580 18%,#20b850 52%,#159f41 78%,#70de8b)}
/* 目錄的實際輕量列：保留來源圖、完整門檻與停用操作。 */
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .catalog-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:8px 0;border-top:1px solid #c5dce8;line-height:1.65}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .catalog-entry:has(>.skill-art){grid-template-columns:34px minmax(0,1fr)}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .catalog-entry>div{min-width:0}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .catalog-entry>.skill-art{width:34px;height:34px;padding:2px}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .catalog-entry strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .catalog-entry p{margin-top:3px;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .catalog-entry .item-state{max-width:100%;margin-top:4px;white-space:normal;overflow-wrap:anywhere;line-height:1.65}
body[data-navigation-style='glass'] #app:not([data-active-tab='adventure']) .compact-catalog .catalog-entry button{min-width:44px;min-height:44px;margin-top:5px;font-size:11px;white-space:normal;overflow-wrap:anywhere}