html.bb-sci-page{--bg:#090807;--card:rgba(31,24,14,.65);--fg:#fff1d6;--line:rgba(241,195,101,.38);--accent:#f2ce84;color-scheme:dark;}
html.bb-sci-page body{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 0,rgba(152,94,28,.18),transparent 44%),linear-gradient(#0b0a08,#070706 60%,#171008);color:var(--fg);}
html.bb-sci-page body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,233,178,.52) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(227,167,68,.27) 0 .7px,transparent 1.5px);background-size:123px 159px,178px 112px;background-position:17px 29px,61px 78px;opacity:.4;}
html.bb-sci-page .page-head{background:rgba(18,15,10,.82);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
html.bb-sci-page .page-head a:first-child{color:#ffe1a1;text-shadow:0 0 13px rgba(240,186,80,.24);}
html.bb-sci-page .languages a{color:#ddc491;border:1px solid transparent;border-radius:8px;padding:6px 8px;}
html.bb-sci-page .languages [aria-current]{border-color:var(--line);background:rgba(103,65,21,.33);color:#fff1d6;}
html.bb-sci-page main{background:transparent;}
html.bb-sci-page main>.hero{background:#11100a;border-bottom:1px solid var(--line);}
html.bb-sci-page .hero>div{background:linear-gradient(180deg,rgba(0,0,0,.03) 19%,rgba(7,5,2,.31) 49%,rgba(6,5,3,.83) 76%,#080705 100%);}
html.bb-sci-page .hero h1{color:#fff2d5;text-shadow:0 0 20px rgba(232,171,68,.2);}
html.bb-sci-page .hero p{color:#e5d2aa;}
html.bb-sci-page main>.hero{position:relative;isolation:isolate;}
html.bb-sci-page main>.hero::before{content:"TEMPLE ARCHIVE / 神域檔案";position:absolute;z-index:3;top:16px;left:22px;padding:7px 10px;border:1px solid rgba(246,203,110,.7);border-radius:8px;background:rgba(16,14,10,.57);backdrop-filter:blur(7px);color:#ffe0a0;font-size:10px;font-weight:800;letter-spacing:.12em;box-shadow:inset 0 1px 0 rgba(255,232,173,.19),0 0 13px rgba(242,182,75,.11);pointer-events:none;}
html.bb-sci-page .actions{border-color:var(--line);gap:8px;padding:13px 0;}
html.bb-sci-page .actions>*{border:1px solid rgba(246,201,109,.56)!important;border-radius:11px;background:linear-gradient(112deg,rgba(49,35,16,.48),rgba(27,24,17,.38))!important;box-shadow:inset 0 1px 0 rgba(255,233,169,.13);color:#ffe4a6;backdrop-filter:blur(7px);}
html.bb-sci-page main>section:not(.hero),html.bb-sci-page main>details{border-color:var(--line);}
html.bb-sci-page main>.facts{margin:0 22px!important;padding:20px!important;border:1px solid var(--line)!important;border-radius:15px;background:linear-gradient(125deg,rgba(37,28,15,.74),rgba(17,17,13,.71))!important;box-shadow:inset 0 1px 0 rgba(255,224,150,.12);}
html.bb-sci-page main>.facts::before{content:"IDENTITY / 參拜座標";display:block;margin-bottom:14px;color:#d6af68;font-size:10px;font-weight:800;letter-spacing:.16em;}
html.bb-sci-page dt,html.bb-sci-page h2{color:#ffe4a7;}
html.bb-sci-page dd,html.bb-sci-page p,html.bb-sci-page footer{color:#cfbf9e;}
html.bb-sci-page .main-link a{display:block;border:1px solid rgba(246,201,109,.6);border-radius:12px;padding:10px;background:rgba(56,39,14,.42);text-decoration:none;}
html.bb-sci-page input{background:#17130e;color:#fff1d6;border-color:var(--line);}
html.bb-sci-page :is(a,button,summary,input):focus-visible{outline:2px solid #ffdf94;outline-offset:3px;}
html.bb-sci-page :is(main,.panel){box-sizing:border-box;max-width:100%;color:#fff0cf;}
html.bb-sci-page main:not(:has(>.hero)){width:min(100% - 28px,920px);margin:22px auto!important;padding:24px clamp(16px,4vw,32px)!important;border:1px solid rgba(241,195,101,.5);border-radius:17px;background:linear-gradient(135deg,rgba(34,27,16,.9),rgba(11,16,17,.92))!important;box-shadow:0 18px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,231,166,.12);}
html.bb-sci-page main:not(:has(>.hero))::before{content:"BAI BAI GO  /  ARCHIVE SYSTEM";display:block;padding:0 0 10px;margin-bottom:14px;border-bottom:1px solid rgba(241,195,101,.33);color:#eac47a;font:700 10px/1.4 system-ui,sans-serif;letter-spacing:.17em;}
html.bb-sci-page :is(main,.panel) :is(h1,h2,h3){color:#fff1d0;text-shadow:0 0 17px rgba(232,171,68,.2);}
html.bb-sci-page :is(main,.panel) :is(section,details,.panel){border-color:rgba(241,195,101,.34)!important;background:rgba(16,19,18,.72)!important;border-radius:12px;}
html.bb-sci-page main:not(:has(>.hero))>header{border:1px solid rgba(241,195,101,.43)!important;border-radius:12px;background:linear-gradient(115deg,rgba(47,35,17,.9),rgba(14,23,22,.94))!important;color:#fff0cf!important;}
html.bb-sci-page main:not(:has(>.hero))>header :is(h1,h2,p,.meta){color:#fff0cf!important;}
html.bb-sci-page :is(main,.panel) :is(a,button){color:#f6d590;}
html.bb-sci-page :is(main,.panel) :is(button,input,textarea){border:1px solid rgba(241,195,101,.49);border-radius:10px;background:#111716;color:#fff0cf;}
html.bb-sci-page :is(main,.panel) button{box-sizing:border-box;min-height:44px;padding:9px 16px;font:700 15px/1.4 system-ui,sans-serif;cursor:pointer;}
html.bb-sci-page :is(main,.panel) :is(.back,.link,.primary){display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;border:1px solid rgba(241,195,101,.57);border-radius:10px;background:linear-gradient(120deg,rgba(79,50,16,.65),rgba(20,22,18,.9));color:#ffe2a2;text-decoration:none;}
html.bb-sci-page footer{border-top:1px solid rgba(241,195,101,.28);}
@media(max-width:360px){html.bb-sci-page .actions{gap:7px}html.bb-sci-page .actions>*{padding:8px 5px;font-size:13px}}
