:root{--sky: #B8E1EA;--grass: #82BD65;--cream: #FFF7DE;--cream-2: #F9EBC3;--yellow: #F3D17D;--green: #9BCB75;--mint: #D8EDB5;--lake: #B9DFE2;--coral: #EFAE96;--purple: #C9BBE8;--brown: #59432E;--brown-2: #8a6f53;--ink: #493523;--ink-2: #74614E;--ink-3: #a08a72;--ok: #67A85C;--warn: #E5A43E;--err: #D96C5F;--disabled: #C8BDA8;--card: #FFFDF4;--card-2: #FFFCF2;--primary: var(--green);--primary-2: #7fb15a;--primary-grad: linear-gradient(180deg, #a7d585, #8cc063);--primary-soft: var(--mint);--primary-line: #b9d99a;--bg: var(--cream);--card-bg: var(--card);--text: var(--ink);--text-2: var(--ink-2);--text-3: var(--ink-3);--border: #ecdcc2;--border-strong: var(--brown);--border-2: var(--brown);--danger: var(--err);--danger-soft: #f6e2dd;--warning: var(--warn);--success: var(--ok);--info: #5aa9b5;--self-media: var(--green);--self-media-soft: var(--mint);--teaching: #8A76C9;--teaching-soft: #EDE6FB;--material-soft: var(--yellow);--kb-self-soft: var(--mint);--kb-teach-soft: #EDE6FB;--task-soft: var(--lake);--review-soft: #F7DDD2;--radius: 14px;--radius-lg: 16px;--radius-sm: 10px;--radius-xs: 8px;--shadow-hard: 4px 5px 0 rgba(89, 67, 46, .28);--shadow-float: 6px 8px 0 rgba(89, 67, 46, .22);--shadow-sm: 2px 3px 0 rgba(89, 67, 46, .18);--shadow: var(--shadow-hard);--topbar-h: 64px;--sidebar-w: 248px;--sidebar-w-collapsed: 72px;--drawer-w: 360px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:14px;color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#d8c4a4;border-radius:6px;border:2px solid var(--cream)}::-webkit-scrollbar-thumb:hover{background:#c4ab85}.app-shell{position:relative;min-height:100%}.pastoral-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 86% 11%,#FCE9A8 0 34px,transparent 36px),linear-gradient(to bottom,var(--sky) 0%,#CFEAC9 44%,#A9D98E 52%,var(--grass) 60%,var(--grass) 100%)}.pastoral-bg:before{content:"";position:absolute;top:7%;left:5%;width:110px;height:34px;background:#fffdf4;border-radius:20px;opacity:.85;box-shadow:64px 12px 0 -6px #fffdf4,132px 4px 0 -10px #fffdf4,220px 16px 0 -8px #fffdf4}.pastoral-bg:after{content:"";position:absolute;bottom:-30px;left:0;right:0;height:180px;background:radial-gradient(circle at 18% 100%,#6fae4e 0 150px,transparent 152px),radial-gradient(circle at 52% 100%,#7cbb57 0 200px,transparent 202px),radial-gradient(circle at 86% 100%,#6fae4e 0 170px,transparent 172px)}.pastoral-bg.admin{background:linear-gradient(to bottom,#eef3f4,#e9eef0 60%,#e3e9ec)}.pastoral-bg.admin:before,.pastoral-bg.admin:after{opacity:.12}.app{display:flex;flex-direction:column;height:100%;min-width:1200px;background:transparent}.topbar{height:var(--topbar-h);flex:0 0 var(--topbar-h);display:flex;align-items:center;gap:16px;padding:0 20px;background:#fff7deeb;border-bottom:3px solid var(--brown);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;white-space:nowrap;letter-spacing:.5px;color:var(--ink)}.brand .logo{width:36px;height:36px;border-radius:11px;background:var(--primary-grad);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800;border:3px solid var(--brown);box-shadow:var(--shadow-sm)}.topbar .global-search{flex:1;max-width:560px;margin:0 auto;position:relative}.topbar .global-search input{width:100%;height:40px;border:2px solid var(--brown);border-radius:12px;padding:0 14px 0 38px;font-size:13px;background:#fffdf4;outline:none;transition:all .15s}.topbar .global-search input:focus{border-color:var(--green);box-shadow:0 0 0 3px #9bcb7559}.topbar .global-search .search-ic{position:absolute;left:13px;top:11px;color:var(--brown-2)}.topbar-actions{display:flex;align-items:center;gap:6px}.tb-icon-btn{width:40px;height:40px;border-radius:11px;border:2px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;cursor:pointer;position:relative;transition:all .15s}.tb-icon-btn:hover{background:var(--mint);border-color:var(--brown);color:var(--ink)}.tb-badge{position:absolute;top:3px;right:3px;min-width:16px;height:16px;padding:0 4px;background:var(--err);color:#fff;font-size:10px;border-radius:8px;display:grid;place-items:center;border:2px solid var(--brown)}.env-pills{display:flex;gap:6px;align-items:center}.env-pill{font-size:11px;padding:4px 10px;border-radius:20px;background:var(--primary-soft);color:#5c7a3a;font-weight:700;white-space:nowrap;border:2px solid var(--primary-line)}.env-pill.warn{background:#fbefd2;color:#9a6b12;border-color:#f0d28a}.user-box{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:22px;transition:background .15s;border:2px solid transparent}.user-box:hover{background:var(--mint);border-color:var(--brown)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;border:3px solid var(--brown)}.user-meta{line-height:1.2}.user-meta .uname{font-weight:700;font-size:13px;color:var(--ink)}.user-meta .urole{font-size:11px;color:var(--ink-3)}.body-wrap{display:flex;flex:1;min-height:0}.sidebar{flex:0 0 var(--sidebar-w);width:var(--sidebar-w);background:#fff7def0;border-right:3px solid var(--brown);display:flex;flex-direction:column;transition:width .18s ease;overflow:hidden}.sidebar.collapsed{flex-basis:var(--sidebar-w-collapsed);width:var(--sidebar-w-collapsed)}.sidebar .nav-scroll{flex:1;overflow-y:auto;padding:10px 10px 8px}.nav-toggle{height:42px;display:flex;align-items:center;padding:0 16px;color:var(--brown-2);cursor:pointer;border-bottom:3px solid var(--brown);font-weight:700}.nav-toggle:hover{color:var(--ink)}.nav-group-title{font-size:11px;color:var(--brown-2);padding:14px 12px 6px;letter-spacing:.5px;font-weight:800}.nav-item{display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border-radius:11px;color:var(--ink-2);cursor:pointer;margin:2px 0;position:relative;-webkit-user-select:none;user-select:none;transition:all .14s;border:2px solid transparent}.nav-item:hover{background:var(--mint);color:var(--ink);transform:translate(2px)}.nav-item.active{background:var(--card);color:var(--ink);font-weight:800;border:2px solid var(--brown);box-shadow:var(--shadow-sm)}.nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:5px;border-radius:3px;background:var(--green)}.nav-item .nav-ic{flex:0 0 18px;display:grid;place-items:center}.nav-item .nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}.nav-item .nav-badge{font-size:10px;background:#f3e3c5;color:var(--ink-2);border-radius:10px;padding:1px 7px;border:2px solid #e6d2ac}.nav-item .nav-badge.dot{width:8px;height:8px;padding:0;background:var(--warn);border:none}.nav-sub{padding-left:16px}.sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar.collapsed .nav-sub{padding-left:0}.town-status{border-top:3px solid var(--brown);padding:12px 12px 14px;background:#fff7def5}.town-status .ts-title{font-size:11px;font-weight:800;color:var(--brown-2);letter-spacing:.5px;margin-bottom:9px}.town-status .ts-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.town-status .ts-cell{background:var(--card);border:2px solid var(--brown);border-radius:10px;padding:8px 9px;box-shadow:var(--shadow-sm)}.town-status .ts-cell .ts-val{font-size:18px;font-weight:800;color:var(--ink)}.town-status .ts-cell .ts-lab{font-size:11px;color:var(--ink-3);margin-top:2px}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:transparent}.page{flex:1;overflow-y:auto;padding:24px 28px 44px;max-width:1640px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-title{font-size:26px;font-weight:800;margin:0;color:var(--ink);letter-spacing:.3px}.page-sub{color:var(--ink-3);font-size:13px;margin-top:4px}.crumbs{font-size:12.5px;color:var(--brown-2);margin-bottom:10px;font-weight:600}.crumbs a:hover{color:var(--green)}.crumbs .sep{margin:0 7px}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#49352352;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:var(--drawer-w);background:var(--card);border-left:3px solid var(--brown);box-shadow:var(--shadow-float);z-index:41;display:flex;flex-direction:column;transition:transform .22s ease}.drawer-head{height:54px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:3px solid var(--brown);font-weight:800;color:var(--ink)}.drawer-body{flex:1;overflow-y:auto;padding:16px}.drawer-msg{background:#fbefd2;border:2px solid #f0d28a;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.6;color:var(--ink)}.drawer-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.card{background:var(--card);border:2px solid var(--brown);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card.pad-0{padding:0}.card-title{font-size:16px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:8px;color:var(--ink)}.card-title .sub{font-weight:600;font-size:12px;color:var(--ink-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border-radius:12px;border:2px solid var(--brown);background:var(--card);color:var(--ink);cursor:pointer;font-size:13.5px;font-weight:800;white-space:nowrap;transition:transform .08s,background .15s,box-shadow .12s;position:relative;box-shadow:var(--shadow-sm)}.btn:hover{background:var(--mint)}.btn:active{transform:translateY(2px);box-shadow:1px 1px #59432e47}.btn:focus-visible{outline:3px solid rgba(155,203,117,.5);outline-offset:2px}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn.primary{background:var(--primary-grad);border-color:var(--brown);color:#fff;box-shadow:var(--shadow-hard)}.btn.primary:hover{filter:brightness(1.04)}.btn.primary:active{box-shadow:2px 2px #59432e47}.btn.warm{background:linear-gradient(180deg,#f6b65a,#ef9a3c);color:#fff;box-shadow:var(--shadow-hard)}.btn.warm:hover{filter:brightness(1.04)}.btn.warn{background:var(--yellow);color:var(--ink);box-shadow:var(--shadow-hard)}.btn.warn:hover{filter:brightness(1.04)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2);box-shadow:none}.btn.ghost:hover{background:var(--mint);border-color:var(--brown)}.btn.danger{background:#f6e2dd;border-color:var(--brown);color:#b23b3b;box-shadow:var(--shadow-sm)}.btn.danger:hover{background:#f3cfc7}.btn.sm{height:33px;padding:0 13px;font-size:12.5px;border-radius:10px;box-shadow:2px 2px #59432e38}.btn.lg{height:46px;padding:0 24px;font-size:15px}.btn.loading{color:transparent}.btn.loading:after{content:"";position:absolute;width:15px;height:15px;border:2px solid rgba(73,53,35,.35);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}.btn.primary.loading:after,.btn.warm.loading:after{border-color:#ffffff80;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 10px;border-radius:20px;font-weight:800;border:2px solid rgba(89,67,46,.18)}.badge .dot{width:7px;height:7px;border-radius:50%}.tag{display:inline-flex;align-items:center;font-size:11.5px;padding:3px 10px;border-radius:8px;background:#f3e3c5;color:var(--ink-2);font-weight:700;border:2px solid #e6d2ac}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:var(--card);border:2px solid var(--brown);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.stat-card .label{color:var(--ink-3);font-size:12.5px;font-weight:700}.stat-card .value{font-size:27px;font-weight:800;margin-top:8px;color:var(--ink)}.stat-card .value small{font-size:13px;font-weight:700;color:var(--ink-3);margin-left:4px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1400px){.grid.cols-4,.stat-grid{grid-template-columns:repeat(2,1fr)}}.section-gap{display:flex;flex-direction:column;gap:18px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--ink-3)}.center-accent-self{color:var(--self-media)}.center-accent-teach{color:var(--teaching)}.skill-card,.agent-card,.center-card{transition:transform .14s,box-shadow .14s}.skill-card:hover,.agent-card:hover,.center-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.skill-card:active,.agent-card:active,.center-card:active{transform:translateY(2px);box-shadow:2px 2px #59432e38}.table-wrap{overflow-x:auto;border:2px solid var(--brown);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}table.tbl th{text-align:left;padding:11px 14px;background:var(--yellow);color:var(--ink);font-weight:800;border-bottom:2px solid var(--brown);white-space:nowrap}table.tbl td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}table.tbl tr:last-child td{border-bottom:none}table.tbl tbody tr:hover{background:var(--mint)}.table-link{color:#3f7a35;cursor:pointer;font-weight:800}.table-link:hover{text-decoration:underline}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px;color:var(--ink)}.field label .req{color:var(--err);margin-left:3px}.input,.select,.textarea{width:100%;border:2px solid var(--brown);border-radius:10px;padding:10px 12px;font-size:13.5px;font-family:inherit;outline:none;background:#fffdf4;color:var(--ink)}.input:focus,.select:focus,.textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #9bcb7559}.textarea{resize:vertical;min-height:84px;line-height:1.6}.field-err{color:var(--err);font-size:12px;margin-top:5px;font-weight:700}.input.invalid,.textarea.invalid{border-color:var(--err)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#49352361;z-index:50;display:grid;place-items:center;padding:20px}.modal{background:var(--card);border:3px solid var(--brown);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;box-shadow:var(--shadow-float)}.modal.lg{max-width:760px}.modal-head{padding:16px 20px;border-bottom:3px solid var(--brown);display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:16px;color:var(--ink)}.modal-body{padding:20px;overflow-y:auto}.modal-foot{padding:14px 20px;border-top:3px solid var(--brown);display:flex;justify-content:flex-end;gap:10px}.modal-close{cursor:pointer;color:var(--brown-2);border:none;background:none;font-size:20px;line-height:1}.modal-close:hover{color:var(--ink)}.empty{text-align:center;padding:48px 20px;color:var(--ink-3)}.empty .em-ic{width:56px;height:56px;border-radius:16px;background:var(--mint);display:grid;place-items:center;margin:0 auto 14px;color:var(--brown-2);border:2px solid var(--brown)}.empty .em-title{font-weight:800;color:var(--ink-2);font-size:14px}.empty .em-desc{font-size:12.5px;margin-top:6px}.loading-box{display:grid;place-items:center;padding:60px;color:var(--ink-3)}.spinner{width:30px;height:30px;border:3px solid #e3d2b3;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,#f0e3c8 25%,#fbf3e2 37%,#f0e3c8 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast-wrap{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:10px;align-items:center}.toast{background:#4a3826;color:#fff7de;padding:11px 18px;border-radius:12px;font-size:13.5px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:9px;animation:toastIn .2s ease;max-width:440px;font-weight:700;border:2px solid #2f2417}.toast.success{background:#4f8a45;border-color:#356128}.toast.error{background:#c4564a;border-color:#8f3a31}.toast.info{background:#4a8fa0;border-color:#356876}.toast .ti{font-size:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}.demo-flag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#9a6b12;background:#fbefd2;border:2px solid #f0d28a;padding:2px 9px;border-radius:20px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.filter-bar .input,.filter-bar .select{width:auto;min-width:150px;height:40px}.pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-top:14px}.pagination button{min-width:32px;height:32px;border:2px solid var(--brown);background:var(--card);border-radius:8px;cursor:pointer;font-weight:800;color:var(--ink)}.pagination button.active{background:var(--green);color:#fff;border-color:var(--brown)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.divider{height:2px;background:var(--border);margin:14px 0}.kv{display:grid;grid-template-columns:110px 1fr;gap:10px 14px;font-size:13.5px}.kv .k{color:var(--ink-3);font-weight:700}.kv .v{color:var(--ink)}.notice{background:#fbefd2;border:2px solid #f0d28a;color:#8a6306;border-radius:12px;padding:11px 14px;font-size:13px;display:flex;gap:9px;align-items:flex-start;font-weight:600}.notice.blue{background:#dcefef;border-color:#9fcfd2;color:#2f7f88}.notice.red{background:var(--review-soft);border-color:#e9b3a3;color:#b6533a}.notice.gray{background:#f3e3c5;border-color:#e6d2ac;color:var(--ink-2)}.task-input-hero{background:linear-gradient(180deg,#fffdf4,#fbf2d8);border:2px solid var(--brown);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.task-input-hero textarea{width:100%;border:none;outline:none;resize:none;font-size:15px;font-family:inherit;line-height:1.6;min-height:64px;background:transparent;color:var(--ink)}.task-input-actions{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.assistant-chat{display:flex;flex-direction:column;gap:14px}.chat-bubble{max-width:78%;padding:12px 14px;border-radius:14px;font-size:13.5px;line-height:1.65;border:2px solid var(--brown)}.chat-bubble.user{align-self:flex-end;background:var(--lake);color:var(--ink);border-bottom-right-radius:4px}.chat-bubble.agent{align-self:flex-start;background:var(--mint);color:var(--ink);border-bottom-left-radius:4px}.chat-bubble.system{align-self:flex-start;background:#fbefd2;color:var(--ink)}.chat-bubble.error{align-self:flex-start;background:#f6e2dd;color:#b23b3b}.panel{border:2px solid var(--brown);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.panel-head{padding:12px 14px;border-bottom:2px solid var(--brown);font-weight:800;font-size:13.5px;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.panel-body{padding:14px}.timeline{border-left:3px solid var(--brown);margin-left:8px;padding-left:16px;display:flex;flex-direction:column;gap:14px}.tl-item{position:relative}.tl-item:before{content:"";position:absolute;left:-23px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid #fffdf4;box-shadow:0 0 0 2px var(--brown)}.tl-item .tl-time{font-size:11.5px;color:var(--ink-3)}.tl-item .tl-text{font-size:13px;margin-top:2px;color:var(--ink)}.folder-tree .fi{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px}.folder-tree .fi:hover{background:var(--mint)}.folder-tree .fi.active{background:var(--primary-soft);color:var(--ink);font-weight:800}.center-card-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;border:2px solid var(--brown);box-shadow:var(--shadow-sm)}.ico-tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:2px solid var(--brown);box-shadow:var(--shadow-sm)}.progress{height:10px;border-radius:8px;background:#ecdcc2;overflow:hidden;border:2px solid var(--brown)}.progress>span{display:block;height:100%;background:var(--primary-grad);border-radius:6px;transition:width .3s}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.welcome-banner{position:relative;overflow:hidden;border:3px solid var(--brown);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:18px;box-shadow:var(--shadow);background:linear-gradient(120deg,#cdeef0,#d8edb5)}.welcome-banner .wb-sun{position:absolute;top:-18px;right:28px;width:56px;height:56px;border-radius:50%;background:#fce9a8;border:3px solid var(--brown);box-shadow:var(--shadow-sm)}.welcome-banner .wb-cloud{position:absolute;bottom:-14px;left:8%;width:96px;height:28px;background:#fffdf4;border-radius:18px;border:2px solid var(--brown);opacity:.9}.welcome-banner .wb-title{position:relative;font-size:26px;font-weight:800;color:var(--ink)}.welcome-banner .wb-sub{position:relative;margin-top:6px;font-size:14px;color:var(--ink-2);font-weight:600}.task-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 1400px){.task-game-grid{grid-template-columns:repeat(2,1fr)}}.task-game-card{background:var(--card);border:2px solid var(--brown);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.task-game-card .tg-top{display:flex;align-items:center;gap:10px}.task-game-card .tg-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:2px solid var(--brown);box-shadow:var(--shadow-sm)}.task-game-card .tg-lab{font-size:13px;font-weight:800;color:var(--ink)}.task-game-card .tg-val{font-size:24px;font-weight:800;color:var(--ink);margin-top:8px}.task-game-card .tg-bar{height:8px;border-radius:6px;background:#ecdcc2;border:2px solid var(--brown);overflow:hidden;margin-top:8px}.task-game-card .tg-bar>span{display:block;height:100%;background:var(--primary-grad)}.theme-bar{height:6px;border-radius:6px;border:2px solid var(--brown)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}.fade-in{animation:none}}