.tb-page{display:none;}.tb-page.active{display:block;animation:tbFade .28s;}
@keyframes tbFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tb-tool-topbar{position:fixed;top:0;left:0;right:0;height:56px;z-index:1001;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(15,23,42,.06);display:none;align-items:center;padding:0 12px;gap:10px;padding-top:env(safe-area-inset-top,0);}
body.tb-tool-open .tb-tool-topbar{display:flex;}
.tb-tool-back{width:36px;height:36px;border-radius:50%;border:none;background:#f2f4f8;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#3c4a63;flex-shrink:0;}
.tb-tool-back svg{width:18px;height:18px;}
.tb-tool-title{flex:1;text-align:center;font-size:15.5px;font-weight:700;color:#0f1d3d;padding-right:36px;}
.tool-panel.tb-opened{position:fixed !important;top:0;left:0;right:0;bottom:0;z-index:1000 !important;background:#f5f5f7 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;padding:calc(56px + env(safe-area-inset-top,0px) + 14px) 16px 40px !important;min-height:auto !important;border-radius:0 !important;margin:0 !important;display:block !important;animation:tbPanelIn .25s cubic-bezier(.2,.8,.4,1);}
@keyframes tbPanelIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.tool-panel.tb-opened>.tb-back-btn{display:none !important;}
body.tb-tool-open{overflow:hidden;}
.tb-tool-hero{display:flex;align-items:center;gap:14px;padding:0 0 18px;}
.tb-tool-hero-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tb-tool-hero-icon svg{width:28px;height:28px;}
.tb-tool-hero-text{flex:1;min-width:0;}
.tb-tool-hero-title{font-size:18px;font-weight:800;color:#0f1d3d;letter-spacing:-.3px;}
.tb-tool-hero-desc{font-size:12.5px;color:#8a94a6;margin-top:3px;font-weight:500;}
.tb-banner{margin:4px 0 14px;transition:max-height .4s;}
.tb-banner-strip{margin:0 16px;height:56px;background:#fff;border-radius:22px;display:flex;align-items:center;gap:12px;padding:0 18px;cursor:pointer;box-shadow:0 2px 12px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.02);}
.tb-banner-strip:active{background:#f8fafc;}
.tb-banner.open .tb-banner-strip{display:none;}
.strip-spark{width:32px;height:32px;border-radius:10px;background:#3A3D42;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.strip-spark svg{width:16px;height:16px;}
.strip-text{flex:1;font-size:14px;font-weight:700;color:#0f1d3d;}
.strip-hint{font-size:11.5px;color:#a0a9bb;font-weight:500;}
.strip-chev{width:15px;height:15px;color:#c1c8d6;flex-shrink:0;}
.tb-banner-viewport{max-height:0;overflow:hidden;position:relative;transition:max-height .5s cubic-bezier(.34,1,.4,1),padding-bottom .3s;padding-bottom:0;}
.tb-banner.open .tb-banner-viewport{max-height:280px;padding-bottom:22px;}
.tb-banner-collapse{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:44px;height:5px;border-radius:3px;border:none;background:rgba(15,23,42,.14);cursor:pointer;z-index:50;padding:0;}
.tb-banner-collapse:active{background:rgba(15,23,42,.28);}
.tb-banner-collapse svg{display:none;}
.tb-banner-cards{display:flex;gap:10px;padding:18px 16px 4px;height:230px;box-sizing:border-box;overflow:visible;}
.tb-banner-card{flex:0 0 54px;border-radius:20px;background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:flex-end;transition:flex-basis .3s cubic-bezier(.32,.72,.24,1),flex-grow .3s cubic-bezier(.32,.72,.24,1),box-shadow .2s;will-change:flex-basis,flex-grow;box-shadow:0 8px 22px -8px rgba(0,0,0,.15);}
.tb-banner-card.active{flex:1 1 0;box-shadow:0 16px 36px -8px rgba(0,0,0,.22);}
.tb-banner-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:0;border-radius:20px;}
.tb-banner-card .card-row{display:flex;align-items:flex-end;position:relative;z-index:1;width:100%;}
.tb-banner-card .card-info{color:#fff;padding:0 14px 12px 14px;flex:1;min-width:0;opacity:0;transform:translateY(14px);transition:opacity .2s .05s,transform .25s .05s;white-space:nowrap;overflow:hidden;}
.tb-banner-card.active .card-info{opacity:1;transform:translateY(0);}
.tb-banner-card .card-title{font-size:15px;font-weight:800;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.25);}
.tb-banner-card .card-desc{font-size:11.5px;opacity:.9;margin-top:3px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.25);}
.tb-banner-card .card-tag{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:3px 9px;background:rgba(255,255,255,.7);border-radius:14px;color:#3A3D42;backdrop-filter:blur(8px);z-index:2;opacity:0;transition:opacity .25s .05s;}
.tb-banner-card.active .card-tag{opacity:1;}
.tb-search-wrap{padding:0 16px 12px;}
.tb-search{background:#fff;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;color:#8a94a6;font-size:14px;box-shadow:0 1px 4px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.02);}
.tb-search svg{width:18px;height:18px;flex-shrink:0;}
.tb-search input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#1f2937;font-family:inherit;}
.tb-search input::placeholder{color:#a0a9bb;}
.tb-quick-wrap{margin:0 16px 16px;}
.tb-quick-head{padding:0 4px 10px;display:flex;align-items:center;justify-content:space-between;}
.tb-quick-title{font-size:14.5px;font-weight:800;color:#0f1d3d;}
.tb-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.tb-quick-item{background:#fff;border-radius:16px;padding:14px 6px 12px;text-align:center;cursor:pointer;box-shadow:0 1px 4px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.02);transition:transform .18s;}
.tb-quick-item:active{transform:scale(.94);}
.tb-quick-item .ic{width:46px;height:46px;margin:0 auto 9px;border-radius:50%;background:#F1F2F4 !important;color:#3A3D42 !important;display:flex;align-items:center;justify-content:center;}
.tb-quick-item .ic svg{width:22px;height:22px;}
.tb-quick-item .lbl{font-size:12px;color:#3c4a63;font-weight:600;}
.tb-page-head{padding:16px 20px 4px;display:flex;align-items:baseline;justify-content:space-between;}
.tb-page-title{font-size:22px;font-weight:800;color:#0f1d3d;}
.tb-page-count{font-size:12px;color:#8a94a6;font-weight:600;}
.tb-all-tools{padding:8px 16px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.tb-tool-card{background:#fff;border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 1px 4px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.02);transition:transform .18s;}
.tb-tool-card:active{transform:scale(.97);}
.tb-tool-card .ic{width:44px;height:44px;border-radius:50%;background:#F1F2F4 !important;color:#3A3D42 !important;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tb-tool-card .ic svg{width:22px;height:22px;}
.tb-tool-card .info{flex:1;min-width:0;}
.tb-tool-card .nm{font-size:13.5px;font-weight:700;color:#0f1d3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tb-tool-card .ct{font-size:11px;color:#8a94a6;margin-top:3px;font-weight:500;}
body.ui-toolbox .tb-tool .icon{background:#F1F2F4 !important;color:#3A3D42 !important;border-radius:50% !important;box-shadow:none !important;}
body.ui-toolbox .tb-group-header .ic{background:#F1F2F4 !important;color:#3A3D42 !important;}
.tb-mine{padding:0 16px 24px;}
.tb-mine-profile{background:#fff;border-radius:22px;padding:22px 20px;display:flex;align-items:center;gap:14px;color:#0f1d3d;box-shadow:0 1px 4px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.02);position:relative;overflow:hidden;}
.tb-mine-avatar{width:58px;height:58px;border-radius:50%;background:#F1F2F4;color:#3A3D42;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;}
.tb-mine-avatar svg{width:30px;height:30px;}
.tb-mine-info{flex:1;min-width:0;position:relative;z-index:1;}
.tb-mine-greet{font-size:19px;font-weight:800;color:#0f1d3d;}
.tb-mine-sub{font-size:12.5px;color:#8a94a6;margin-top:4px;}
.tb-mine-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:18px;margin-top:14px;padding:16px 0;box-shadow:0 1px 4px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.02);}
.tb-mine-stat{text-align:center;position:relative;}
.tb-mine-stat+.tb-mine-stat::before{content:"";position:absolute;left:0;top:22%;height:56%;width:1px;background:#eef2f7;}
.tb-mine-stat .v{font-size:21px;font-weight:800;color:#0f1d3d;}
.tb-mine-stat .l{font-size:11.5px;color:#8a94a6;margin-top:5px;font-weight:500;}
.tb-mine-menu{background:#fff;border-radius:18px;margin-top:14px;overflow:hidden;box-shadow:0 1px 4px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.02);}
.tb-mine-row{display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer;}
.tb-mine-row:active{background:#f7f9fc;}
.tb-mine-row+.tb-mine-row{border-top:1px solid #f2f4f8;}
.tb-mine-ic{width:34px;height:34px;border-radius:10px;background:#F1F2F4;color:#3A3D42;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tb-mine-ic svg{width:18px;height:18px;}
.tb-mine-label{flex:1;font-size:14px;color:#0f1d3d;font-weight:600;}
.tb-mine-arrow{width:16px;height:16px;color:#c1c8d6;flex-shrink:0;}
.tb-mine-switch{position:relative;width:42px;height:24px;flex-shrink:0;}
.tb-mine-switch input{opacity:0;width:0;height:0;}
.tb-mine-switch .trk{position:absolute;inset:0;background:#e2e8f0;border-radius:24px;transition:.25s;cursor:pointer;}
.tb-mine-switch .trk::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px rgba(15,23,42,.15);}
.tb-mine-switch input:checked+.trk{background:#3A3D42;}
.tb-mine-switch input:checked+.trk::before{transform:translateX(18px);}
.tb-mine-footer{text-align:center;font-size:11.5px;color:#a0a9bb;margin-top:20px;line-height:1.7;}
.tb-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 0 0;}
.tb-seg-item{background:#f8fafc;border:1.5px solid transparent;border-radius:14px;padding:12px 10px;text-align:center;cursor:pointer;transition:all .18s;}
.tb-seg-item:active{transform:scale(.97);}
.tb-seg-item.active{border-color:#3A3D42;background:#f4f5f7;}
.tb-seg-item .pv{width:100%;height:44px;border-radius:10px;margin-bottom:8px;position:relative;overflow:hidden;}
.tb-seg-item .pv.default{background:linear-gradient(135deg,#f2f4f8,#e8ecf3);}
.tb-seg-item .pv.default::after{content:"";position:absolute;left:6px;right:6px;bottom:6px;height:6px;background:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.tb-seg-item .pv.glass{background:linear-gradient(135deg,#e6e7ea 0%,#d8dadf 100%);}
.tb-seg-item .pv.glass::after{content:"";position:absolute;left:6px;right:6px;bottom:6px;height:8px;background:rgba(255,255,255,.75);border-radius:5px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.85);}
.tb-seg-item .nm{font-size:13px;font-weight:700;color:#3c4a63;}
.tb-seg-item.active .nm{color:#3A3D42;}
.tb-seg-item .ds{font-size:10.5px;color:#94a3b8;margin-top:2px;font-weight:500;}
.tb-mine-section-title{font-size:12.5px;font-weight:700;color:#8a94a6;padding:20px 4px 10px;}
body.ui-toolbox .tool-panel.tb-opened{color:#1f2937;font-size:14px;}
body.ui-toolbox .tool-panel .input-box{display:flex;gap:10px;padding:0 0 12px;flex-wrap:wrap;}
body.ui-toolbox .tool-panel .input-box input,
body.ui-toolbox .tool-panel .input-box select,
body.ui-toolbox .tool-panel input[type="text"],
body.ui-toolbox .tool-panel input[type="number"],
body.ui-toolbox .tool-panel input[type="password"],
body.ui-toolbox .tool-panel select{flex:1;min-width:0;padding:14px 16px;border:1px solid #e5e9f0 !important;border-radius:14px !important;background:#fff !important;box-shadow:0 1px 3px rgba(15,23,42,.04) !important;color:#1f2937 !important;font-size:15px;outline:none;font-family:inherit;}
body.ui-toolbox .tool-panel input:focus,
body.ui-toolbox .tool-panel select:focus{border-color:#3A3D42 !important;box-shadow:0 0 0 4px rgba(58,61,66,.1) !important;}
body.ui-toolbox .tool-panel input::placeholder{color:#a0a9bb;}
body.ui-toolbox .tool-panel .submit-btn{padding:14px 22px;border:none;border-radius:14px;background:#3A3D42;color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(58,61,66,.28);font-family:inherit;}
body.ui-toolbox .tool-panel .submit-btn:active{transform:scale(.97);}
body.ui-toolbox .tool-panel .neu-btn{background:#fff !important;border:1px solid #e5e9f0 !important;box-shadow:0 1px 3px rgba(15,23,42,.04) !important;color:#3c4a63 !important;border-radius:12px !important;}
body.ui-toolbox .tool-panel .neu-btn.active{background:#3A3D42 !important;border-color:transparent !important;color:#fff !important;}
body.ui-toolbox .tool-panel .sub-tabs,
body.ui-toolbox .tool-panel .qrcode-sub-tabs,
body.ui-toolbox .tool-panel .avatar-toolbar{display:flex;gap:8px;margin-bottom:14px;background:#fff;padding:6px;border-radius:14px;box-shadow:0 1px 4px rgba(15,23,42,.05);}
body.ui-toolbox .tool-panel .sub-tabs .neu-btn,
body.ui-toolbox .tool-panel .qrcode-sub-tabs .neu-btn,
body.ui-toolbox .tool-panel .avatar-toolbar .neu-btn{flex:1;padding:11px 12px;border:none !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;color:#6b7280 !important;font-weight:600;font-size:13.5px;}
body.ui-toolbox .tool-panel .sub-tabs .neu-btn.active,
body.ui-toolbox .tool-panel .qrcode-sub-tabs .neu-btn.active,
body.ui-toolbox .tool-panel .avatar-toolbar .neu-btn.active{background:#3A3D42 !important;color:#fff !important;}
body.ui-toolbox .tool-panel .wallpaper-nav,
body.ui-toolbox .tool-panel .wallpaper-cats,
body.ui-toolbox .tool-panel .editor-layouts{padding:0 0 10px !important;gap:8px;display:flex;overflow-x:auto;}
body.ui-toolbox .tool-panel .wallpaper-nav .neu-btn,
body.ui-toolbox .tool-panel .wallpaper-cats .neu-btn,
body.ui-toolbox .tool-panel .editor-layouts .neu-btn{padding:9px 14px !important;font-size:13px !important;border-radius:20px !important;flex:0 0 auto;}
body.ui-toolbox .tool-panel .status-msg{font-size:12.5px;color:#8a94a6;text-align:center;padding:8px 0 4px;}
body.ui-toolbox .tool-panel .status-msg.error{color:#ef4444;font-weight:600;}
body.ui-toolbox .tool-panel .result-area{margin-top:14px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.05);border:none;}
body.ui-toolbox .tool-panel .upload-area,
body.ui-toolbox .tool-panel .upload-drop,
body.ui-toolbox .tool-panel .editor-upload{padding:36px 20px;border:1.5px dashed #c8d1e0 !important;border-radius:18px;background:#fff !important;box-shadow:none !important;margin-bottom:16px;}
body.ui-toolbox .tool-panel .wallpaper-card,
body.ui-toolbox .tool-panel .music-playlist-card,
body.ui-toolbox .tool-panel .editor-stage,
body.ui-toolbox .tool-panel .upload-result{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(15,23,42,.05);overflow:hidden;border:none;}
body.ui-toolbox .tool-panel .music-song-item{background:#fff;padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;gap:12px;border-radius:14px;box-shadow:0 1px 4px rgba(15,23,42,.05);}
body.ui-toolbox .tool-panel .avatar-cell{border-radius:14px;box-shadow:0 2px 10px rgba(15,23,42,.06);}
body.ui-toolbox .tool-panel .qrcode-input-box textarea{width:100%;min-height:100px;padding:14px 16px;border:1px solid #e5e9f0;border-radius:14px;background:#fff;color:#1f2937;font-size:15px;resize:vertical;outline:none;font-family:inherit;}
body.ui-toolbox .tool-panel .qrcode-input-box button{margin-top:12px;width:100%;padding:14px;background:#3A3D42;color:#fff;border:none;border-radius:14px;font-weight:700;cursor:pointer;font-size:15px;font-family:inherit;}
body.ui-toolbox .tool-panel .tb-back-btn{display:none !important;}
body.ui-toolbox .tool-panel .hot-item{background:#fff;border-radius:16px;padding:14px;margin-bottom:8px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 1px 4px rgba(15,23,42,.05);border-bottom:none !important;}
.hs-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 14px;}
.hs-picker-item{background:#fff;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 1px 4px rgba(15,23,42,.05);transition:all .18s;border:1px solid transparent;}
.hs-picker-item.active{background:#f4f5f7;border-color:#3A3D42;}
.hs-picker-item .hs-name{font-size:13.5px;font-weight:600;color:#3c4a63;}
.hs-picker-item.active .hs-name{color:#3A3D42;}
.hs-picker-item .hs-check{width:16px;height:16px;color:#3A3D42;opacity:0;transition:all .2s;}
.hs-picker-item.active .hs-check{opacity:1;}
.news-head{background:#fff;border-radius:20px;padding:22px 20px;color:#0f1d3d;margin-bottom:16px;box-shadow:0 1px 4px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.02);}
.news-head-date{font-size:12.5px;color:#8a94a6;font-weight:500;}
.news-head-title{font-size:20px;font-weight:800;color:#0f1d3d;margin-top:6px;line-height:1.3;}
.news-head-weiyu{margin-top:14px;padding:12px 14px;background:#f4f5f7;border-radius:12px;font-size:13px;line-height:1.7;color:#3c4a63;}
.news-list{display:flex;flex-direction:column;gap:10px;}
.news-card{background:#fff;border-radius:16px;padding:16px 16px 16px 56px;position:relative;box-shadow:0 1px 4px rgba(15,23,42,.05);}
.news-card-idx{position:absolute;left:14px;top:15px;width:28px;height:28px;border-radius:50%;background:#3A3D42;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;}
.news-card-text{font-size:14px;line-height:1.75;color:#334155;}
.news-section-title{font-size:13px;font-weight:700;color:#8a94a6;padding:4px 0 10px;}
body.tb-dark{background:#0e1219 !important;}
body.tb-dark .tb-banner-strip,body.tb-dark .tb-quick-item,body.tb-dark .tb-tool-card,
body.tb-dark .tb-mine-stats,body.tb-dark .tb-mine-menu,body.tb-dark .tb-search,
body.tb-dark .tb-mine-profile,body.tb-dark .news-head{background:#1a1f2e !important;}
body.tb-dark .strip-text,body.tb-dark .tb-quick-title,body.tb-dark .tb-page-title,
body.tb-dark .tb-mine-label,body.tb-dark .tb-mine-stat .v,body.tb-dark .tb-tool-card .nm,
body.tb-dark .tb-quick-item .lbl,body.tb-dark .tb-mine-greet,body.tb-dark .news-head-title{color:#e6ebf5 !important;}
body.tb-dark .tb-search input{color:#e6ebf5 !important;}
body.tb-dark .tb-mine-row+.tb-mine-row{border-color:#2a3142 !important;}
body.tb-dark .tb-mine-stat+.tb-mine-stat::before{background:#2a3142 !important;}
body.tb-dark .tool-panel.tb-opened{background:#0e1219 !important;}
body.tb-dark .tool-panel.tb-opened input,
body.tb-dark .tool-panel.tb-opened select,
body.tb-dark .tool-panel.tb-opened textarea,
body.tb-dark .tool-panel.tb-opened .result-area,
body.tb-dark .tool-panel.tb-opened .neu-btn,
body.tb-dark .tool-panel.tb-opened .sub-tabs,
body.tb-dark .hs-picker-item,
body.tb-dark .news-card,
body.tb-dark .tool-panel.tb-opened .hot-item{background:#1a1f2e !important;border-color:#2a3142 !important;color:#e6ebf5 !important;}
body.tb-dark .tool-panel.tb-opened input,
body.tb-dark .tool-panel.tb-opened select,
body.tb-dark .tool-panel.tb-opened textarea{color:#e6ebf5 !important;}
body.ui-toolbox.tb-theme-glass{background:#F5F5F7 !important;background-attachment:fixed !important;min-height:100vh;}
body.ui-toolbox.tb-theme-glass::before{content:"";position:fixed;inset:-15%;pointer-events:none;z-index:-1;background:radial-gradient(circle 380px at 20% 15%, rgba(210,212,218,0.9) 0%, transparent 60%),radial-gradient(circle 420px at 82% 28%, rgba(200,203,210,0.9) 0%, transparent 62%),radial-gradient(circle 480px at 50% 88%, rgba(214,216,222,0.9) 0%, transparent 60%),linear-gradient(135deg,#F2F2F4 0%,#EDEEF1 50%,#F0F0F3 100%);filter:blur(50px);}
body.ui-toolbox.tb-theme-glass .tb-banner-strip,
body.ui-toolbox.tb-theme-glass .tb-quick-item,
body.ui-toolbox.tb-theme-glass .tb-tool-card,
body.ui-toolbox.tb-theme-glass .tb-search,
body.ui-toolbox.tb-theme-glass .tb-mine-stats,
body.ui-toolbox.tb-theme-glass .tb-mine-menu,
body.ui-toolbox.tb-theme-glass .tb-mine-profile{background:rgba(255,255,255,0.72) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.9) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 4px 18px rgba(60,60,80,0.06) !important;}
body.ui-toolbox.tb-theme-glass .tb-banner.open{background:rgba(255,255,255,0.65) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border-radius:22px;}
body.ui-toolbox.tb-theme-glass .strip-text,
body.ui-toolbox.tb-theme-glass .tb-quick-title,
body.ui-toolbox.tb-theme-glass .tb-page-title,
body.ui-toolbox.tb-theme-glass .tb-mine-label,
body.ui-toolbox.tb-theme-glass .tb-mine-stat .v,
body.ui-toolbox.tb-theme-glass .tb-tool-card .nm,
body.ui-toolbox.tb-theme-glass .tb-quick-item .lbl,
body.ui-toolbox.tb-theme-glass .tb-mine-greet{color:#1a1d24 !important;}
body.ui-toolbox.tb-theme-glass .tb-search input{color:#1a1d24 !important;}
body.ui-toolbox.tb-theme-glass .tb-search input::placeholder{color:rgba(60,74,99,0.5) !important;}
body.ui-toolbox.tb-theme-glass .tb-mine-row+.tb-mine-row{border-color:rgba(0,0,0,0.05) !important;}
body.ui-toolbox.tb-theme-glass .tb-mine-stat+.tb-mine-stat::before{background:rgba(0,0,0,0.06) !important;}
body.ui-toolbox.tb-theme-glass .tb-tool-topbar{background:rgba(255,255,255,0.75) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border-bottom:1px solid rgba(0,0,0,0.05) !important;}
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened{background:#F5F5F7 !important;}
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .result-area,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .upload-area,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .upload-drop,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .editor-upload,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .wallpaper-card,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .music-playlist-card,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .editor-stage,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .upload-result,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .hot-item,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .sub-tabs,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .qrcode-sub-tabs,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .avatar-toolbar,
body.ui-toolbox.tb-theme-glass .hs-picker-item,
body.ui-toolbox.tb-theme-glass .news-card{background:rgba(255,255,255,0.75) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border:1px solid rgba(255,255,255,0.9) !important;}
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened input,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened select,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened textarea{background:rgba(255,255,255,0.8) !important;border:1px solid rgba(255,255,255,0.9) !important;color:#1a1d24 !important;}
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .neu-btn{background:rgba(255,255,255,0.8) !important;border:1px solid rgba(255,255,255,0.9) !important;color:#1a1d24 !important;}
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .neu-btn.active,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .submit-btn,
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .qrcode-input-box button{background:#3A3D42 !important;color:#fff !important;border:none !important;}
body.ui-toolbox.tb-theme-glass .tb-tool-hero-title{color:#1a1d24 !important;}
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened{color:#1a1d24;}
body.ui-toolbox.tb-theme-glass .news-card-text{color:#1a1d24 !important;}
body.ui-toolbox.tb-theme-glass .hs-picker-item .hs-name{color:#1a1d24 !important;}
body.ui-toolbox.tb-theme-glass .tool-panel.tb-opened .hot-title{color:#1a1d24 !important;}
body.ui-toolbox.tb-theme-glass .tb-quick-item .ic,
body.ui-toolbox.tb-theme-glass .tb-tool-card .ic,
body.ui-toolbox.tb-theme-glass .tb-tool .icon,
body.ui-toolbox.tb-theme-glass .tb-group-header .ic{background:#F1F2F4 !important;color:#3A3D42 !important;}
body.ui-toolbox.tb-dark.tb-theme-glass{background:#0e1219 !important;}
body.ui-toolbox.tb-dark.tb-theme-glass::before{background:radial-gradient(circle 380px at 20% 15%, rgba(40,45,55,0.9) 0%, transparent 60%),radial-gradient(circle 420px at 82% 28%, rgba(35,40,50,0.9) 0%, transparent 62%),linear-gradient(135deg,#141820 0%,#181c25 50%,#12161e 100%);}
body.ui-toolbox.tb-dark.tb-theme-glass .tb-banner-strip,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-quick-item,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-tool-card,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-search,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-mine-stats,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-mine-menu,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-mine-profile{background:rgba(30,35,48,0.65) !important;border:1px solid rgba(255,255,255,0.08) !important;}
body.ui-toolbox.tb-dark.tb-theme-glass .strip-text,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-quick-title,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-page-title,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-mine-label,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-mine-stat .v,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-tool-card .nm,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-quick-item .lbl,
body.ui-toolbox.tb-dark.tb-theme-glass .tb-mine-greet{color:#e6ebf5 !important;}
body.ui-toolbox.tb-nav-floating .tb-bottom-nav{left:16px !important;right:16px !important;bottom:calc(env(safe-area-inset-bottom,0px) + 12px) !important;background:rgba(255,255,255,.92) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border:1px solid rgba(0,0,0,.06) !important;border-radius:24px !important;padding:8px 10px !important;box-shadow:0 8px 32px rgba(0,0,0,.12) !important;max-width:520px !important;margin:0 auto !important;}
body.ui-toolbox.tb-nav-floating .tb-nav-item{padding:8px 4px !important;border-radius:14px !important;}
body.ui-toolbox.tb-nav-floating .tb-nav-item.active{background:rgba(0,0,0,.05) !important;}
body.ui-toolbox.tb-nav-floating .tb-nav-item.active svg,
body.ui-toolbox.tb-nav-floating .tb-nav-item.active span{color:#1a1d24 !important;}
body.ui-toolbox.tb-nav-floating .tb-nav-item:not(.active) svg,
body.ui-toolbox.tb-nav-floating .tb-nav-item:not(.active) span{color:#8a94a6 !important;}
body.ui-toolbox.tb-theme-glass.tb-nav-floating .tb-bottom-nav{background:rgba(255,255,255,0.85) !important;border:1px solid rgba(255,255,255,0.9) !important;}
body.ui-toolbox.tb-dark.tb-nav-floating .tb-bottom-nav{background:rgba(30,36,55,.85) !important;border:1px solid rgba(255,255,255,.08) !important;}
body.ui-toolbox.tb-dark.tb-nav-floating .tb-nav-item.active{background:rgba(255,255,255,.08) !important;}
body.ui-toolbox.tb-dark.tb-nav-floating .tb-nav-item.active svg,
body.ui-toolbox.tb-dark.tb-nav-floating .tb-nav-item.active span{color:#e6ebf5 !important;}
body.ui-toolbox.tb-dark.tb-nav-floating .tb-nav-item:not(.active) svg,
body.ui-toolbox.tb-dark.tb-nav-floating .tb-nav-item:not(.active) span{color:#8a94a6 !important;}
body.tb-nav-floating.ui-toolbox .toolbox-home{padding-bottom:100px !important;}
body.tb-nav-floating .tb-mine{padding-bottom:110px !important;}
body.tb-nav-floating #tbAllTools{padding-bottom:110px !important;}
.tb-music-source-nav{display:flex;gap:6px;margin-bottom:16px;background:#f5f5f7;border-radius:12px;padding:4px;}
.tb-music-source-nav button{flex:1;padding:11px;border:none;background:transparent;border-radius:9px;font-size:13.5px;font-weight:700;color:#7a7a7a;cursor:pointer;font-family:inherit;transition:.2s;}
.tb-music-source-nav button.active{background:#fff;color:#6c5ce7;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.tb-soda-search-box{display:flex;gap:8px;margin-bottom:14px;}
.tb-soda-search-box input{flex:1;min-width:0;padding:13px 16px;border:1px solid #e5e9f0;border-radius:12px;background:#fff;font-size:14px;outline:none;font-family:inherit;}
.tb-soda-search-box input:focus{border-color:#6c5ce7;box-shadow:0 0 0 4px rgba(108,92,231,.08);}
.tb-soda-search-box button{padding:13px 18px;background:#6c5ce7;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;flex-shrink:0;box-shadow:0 4px 12px rgba(108,92,231,.28);}
.tb-soda-search-box button:active{transform:scale(.96);}

/* 工具箱模式下，激活但没打开的面板直接隐藏，避免首屏闪现 */
body.ui-toolbox .tool-panel.active:not(.tb-opened){display:none !important;}
body.ui-toolbox .tool-panel.active{background:#fff;border-radius:0;padding:16px;box-shadow:none;margin:0;min-height:calc(100vh - 90px);}

/* ============================================================
   AI 对话 · 手绘风
   ============================================================ */
.ai-chat-wrap{
  display:flex;flex-direction:column;
  min-height:calc(100vh - 200px);
  background:
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(60,80,120,.06) 27px 28px),
    linear-gradient(#fdfbf5,#fdfbf5);
  border:2px solid #3a3a3a;
  border-radius:18px 8px 22px 6px / 6px 20px 8px 18px;
  padding:18px 16px 14px;
  position:relative;
  box-shadow:3px 4px 0 rgba(58,58,58,.18);
  font-family:'Ma Shan Zheng','Patrick Hand','Comic Sans MS',cursive;
}
.ai-chat-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px dashed #c9c2b0;margin-bottom:14px;}
.ai-avatar{width:52px;height:52px;border-radius:50% 46% 52% 48% / 48% 52% 46% 54%;background:#f5d76e;border:2.5px solid #3a3a3a;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transform:rotate(-3deg);box-shadow:2px 2px 0 rgba(58,58,58,.18);}
.ai-avatar svg{width:30px;height:30px;}
.ai-avatar::after{content:"";position:absolute;inset:-5px;border:1.5px dashed #3a3a3a;border-radius:50%;opacity:.35;}
.ai-info{flex:1;min-width:0;}
.ai-name{font-size:19px;font-weight:400;color:#2c2c2c;letter-spacing:1px;}
.ai-status{font-size:12.5px;color:#7a7361;margin-top:2px;font-family:-apple-system,'PingFang SC',sans-serif;}
.ai-messages{flex:1;overflow-y:auto;padding:4px 2px 12px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;}
.ai-msg{display:flex;max-width:100%;}
.ai-msg-bot{justify-content:flex-start;}
.ai-msg-user{justify-content:flex-end;}
.ai-bubble{max-width:82%;padding:10px 14px;font-size:15.5px;line-height:1.65;color:#2c2c2c;background:#fff;border:2px solid #3a3a3a;word-wrap:break-word;white-space:pre-wrap;position:relative;box-shadow:2px 2px 0 rgba(58,58,58,.15);}
.ai-msg-bot .ai-bubble{border-radius:14px 16px 16px 4px / 16px 14px 6px 16px;}
.ai-msg-user .ai-bubble{background:#eaf1ff;border-radius:16px 4px 14px 16px / 4px 16px 14px 16px;}
.ai-typing .ai-bubble{display:flex;gap:5px;align-items:center;padding:14px 16px;}
.ai-dot{width:7px;height:7px;border-radius:50%;background:#3a3a3a;opacity:.35;animation:aiDot 1.1s infinite;}
.ai-dot:nth-child(2){animation-delay:.15s;}
.ai-dot:nth-child(3){animation-delay:.3s;}
@keyframes aiDot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:.9;transform:translateY(-3px)}}
.ai-input-row{display:flex;gap:8px;align-items:flex-end;border-top:2px dashed #c9c2b0;padding-top:12px;margin-top:4px;}
.ai-input-row textarea{flex:1;min-height:44px;max-height:120px;padding:11px 14px;border:2px solid #3a3a3a;border-radius:16px 6px 16px 6px / 6px 16px 6px 16px;background:#fff;font-family:inherit;font-size:15px;color:#2c2c2c;resize:none;outline:none;box-shadow:2px 2px 0 rgba(58,58,58,.15);}
.ai-input-row textarea:focus{box-shadow:2px 2px 0 rgba(58,58,58,.35),0 0 0 3px rgba(245,215,110,.35);}
.ai-input-row button{padding:12px 18px;border:2px solid #3a3a3a;border-radius:20px 6px 20px 6px / 6px 20px 6px 20px;background:#f5d76e;color:#2c2c2c;font-family:inherit;font-size:15.5px;font-weight:400;cursor:pointer;flex-shrink:0;box-shadow:2px 2px 0 rgba(58,58,58,.25);transform:rotate(-1deg);transition:transform .15s,box-shadow .15s;letter-spacing:1px;}
.ai-input-row button:hover{transform:rotate(0deg) translate(-1px,-1px);box-shadow:3px 3px 0 rgba(58,58,58,.3);}
.ai-input-row button:active{transform:rotate(0) translate(2px,2px);box-shadow:0 0 0 rgba(0,0,0,0);}
.ai-input-row button:disabled{opacity:.5;cursor:not-allowed;transform:none;}
.ai-quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.ai-quick-item{padding:6px 12px;border:1.5px dashed #7a7361;border-radius:14px 5px 14px 5px / 5px 14px 5px 14px;font-size:13.5px;color:#5a5445;background:#fffdf5;cursor:pointer;transform:rotate(-.5deg);transition:transform .15s;}
.ai-quick-item:nth-child(even){transform:rotate(.7deg);}
.ai-quick-item:active{transform:scale(.96);}
.ai-chat-wrap::before{content:"";position:absolute;top:-6px;right:18px;width:26px;height:26px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2 L13.6 9.3 L21 10.2 L15.4 15 L17.1 22.4 L12 18.5 L6.9 22.4 L8.6 15 L3 10.2 L10.4 9.3 Z' fill='none' stroke='%233a3a3a' stroke-width='1.6' stroke-linejoin='round'/></svg>") no-repeat center;background-size:contain;opacity:.8;transform:rotate(12deg);}
.tb-tool[data-key="ai"] .icon{background:#f5d76e !important;color:#3a3a3a !important;border:2px solid #3a3a3a !important;box-shadow:2px 2px 0 rgba(58,58,58,.2) !important;transform:rotate(-2deg);}

/* ============================================================
   AI 人设按钮 + 弹出选择（手绘风）
   ============================================================ */
.ai-persona-bar{position:relative;margin-bottom:14px;font-family:inherit;z-index:5;}
.ai-persona-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;background:#fffdf5;border:2px solid #3a3a3a;border-radius:16px 6px 16px 6px / 6px 16px 6px 16px;font-family:inherit;font-size:15px;color:#2c2c2c;cursor:pointer;box-shadow:2.5px 2.5px 0 rgba(58,58,58,.2);transform:rotate(-0.4deg);transition:transform .15s,box-shadow .15s,background .15s;}
.ai-persona-btn:hover{background:#fffbe8;}
.ai-persona-btn:active{transform:rotate(0) translate(1.5px,1.5px);box-shadow:0 0 0 rgba(0,0,0,0);}
.ai-persona-current{display:flex;align-items:center;gap:8px;min-width:0;}
.ai-persona-emoji{font-size:20px;line-height:1;filter:saturate(0.92);}
.ai-persona-name{font-size:15px;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ai-persona-hint{font-size:11.5px;color:#a09780;margin-left:6px;font-family:-apple-system,'PingFang SC',sans-serif;flex-shrink:0;}
.ai-persona-arrow{width:16px;height:16px;color:#3a3a3a;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.ai-persona-btn.open .ai-persona-arrow{transform:rotate(180deg);}
.ai-persona-picker{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(.34,1.2,.5,1),opacity .2s;pointer-events:none;z-index:10;}
.ai-persona-picker.show{max-height:500px;opacity:1;pointer-events:auto;}
.ai-persona-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px;background:#fffdf5;border:2px dashed #3a3a3a;border-radius:18px 6px 18px 6px / 6px 18px 6px 18px;box-shadow:3px 4px 0 rgba(58,58,58,.18);transform:rotate(0.3deg);}
.ai-persona-item{padding:10px 12px;background:#fff;border:1.5px solid #7a7361;border-radius:14px 4px 14px 4px / 4px 14px 4px 14px;font-family:inherit;font-size:13.5px;color:#5a5445;cursor:pointer;text-align:left;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;}
.ai-persona-item:nth-child(odd){transform:rotate(-0.6deg);}
.ai-persona-item:nth-child(even){transform:rotate(0.5deg);}
.ai-persona-item:active{transform:scale(.96) rotate(0);}
.ai-persona-item.active{background:#f5d76e;border:2px solid #3a3a3a;color:#2c2c2c;transform:rotate(0);box-shadow:1.5px 1.5px 0 rgba(58,58,58,.3);padding:9px 11px;}