/* 星盒星盒！产品页 · 功能详解（12 个可操作的子板块）
   页面外框沿用官网黑白灰；窗口内部按星盒星盒！真实系统的样式重做（浅灰底、白卡片、产品绿）。
   只在 /xinghexinghe/ 加载。前缀：xf-* 页面结构，xa-* 产品窗口，其余按板块分前缀。 */

/* ---------- 板块目录（随滚动吸顶） ---------- */
.xf-idx{position:sticky;top:64px;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--ln);margin-top:36px}
.xf-idx-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.xf-idx-in::-webkit-scrollbar{display:none}
.xf-idx a{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--k3);padding:7px 12px;border-radius:999px;white-space:nowrap;transition:background .2s,color .2s}
.xf-idx a small{font-size:11px;color:var(--k4);font-variant-numeric:tabular-nums}
.xf-idx a:hover{background:var(--s1);color:var(--k)}
.xf-idx a.on{background:var(--k);color:#fff}.xf-idx a.on small{color:rgba(255,255,255,.55)}
.xf-idx i{flex:none;width:1px;height:18px;background:var(--ln);align-self:center;margin:0 4px}

/* ---------- 每个子板块 ---------- */
.xf-grp{margin-top:72px}
.xf-grp>h3{font-size:13px;font-weight:500;color:var(--k3);letter-spacing:.04em;display:flex;align-items:center;gap:10px}
.xf-grp>h3::after{content:"";flex:1;height:1px;background:var(--ln)}
.xf-m{padding-top:44px;scroll-margin-top:120px}
.xf-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px 56px;align-items:start}
.xf-n{font-size:12px;color:var(--k4);font-variant-numeric:tabular-nums}
.xf-hd h4{font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.01em;margin-top:6px}
.xf-q{margin-top:12px;font-size:15px;color:var(--k2);line-height:1.75}
.xf-q b{font-weight:500;color:var(--k)}
.xf-how{display:flex;flex-direction:column;gap:10px;padding-top:4px}
.xf-how li{position:relative;padding-left:26px;font-size:14.5px;color:var(--k2);line-height:1.7}
.xf-how li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--k)}
.xf-try{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--k);background:var(--s1);border-radius:999px;padding:6px 12px 6px 8px}
.xf-try::before{content:"试一试";font-size:11px;font-weight:600;color:#fff;background:var(--k);border-radius:999px;padding:1px 8px}
.xf-stage{margin-top:22px}
.xf-ns{font-size:13px;color:var(--k3);background:var(--s1);border-radius:14px;padding:18px}
@media (max-width:900px){.xf-hd{grid-template-columns:1fr;gap:14px}.xf-hd h4{font-size:24px}}

/* ---------- 产品窗口外壳 ---------- */
.xa{--g:#5BC14A;--g2:#4DAF3D;--gd:#2E7D22;--gl:#EAF6E6;--bg:#F4F5F7;--c:#fff;--t:#1C1C1E;--t2:#8E8E93;--t3:#C7C7CC;--l:#EDEDF0;--o:#E8962E;--ol:#FFF3E2;--r:#D9452B;--rl:#FDECEA;--p:#8E5CC9;--pl:#F3ECFB;--b:#3B82F6;--bl:#E8F1FE;
  container:xa/inline-size;border-radius:18px;overflow:hidden;background:var(--bg);box-shadow:0 30px 70px -24px rgba(0,0,0,.26),0 0 0 1px rgba(0,0,0,.07);
  font:13.5px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif;color:var(--t);text-align:left;position:relative}
.xa *{box-sizing:border-box}
:where(.xa) button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
:where(.xa) :is(input,textarea,select){font:inherit;color:var(--t)}
.xa-chrome{display:flex;align-items:center;gap:12px;height:38px;padding:0 14px;background:#E9EAEE;border-bottom:1px solid rgba(0,0,0,.05)}
.xa-dots{display:flex;gap:6px}.xa-dots i{width:10px;height:10px;border-radius:50%;background:#FF5F57}.xa-dots i:nth-child(2){background:#FEBC2E}.xa-dots i:nth-child(3){background:#28C840}
.xa-url{flex:0 1 360px;min-width:0;background:#fff;border-radius:7px;font-size:11.5px;color:var(--t2);padding:3px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xa-chrome em{margin-left:auto;flex:none;font-style:normal;font-size:11px;color:var(--gd);background:var(--gl);border-radius:999px;padding:2px 9px}
.xa-top{display:flex;align-items:center;gap:18px;height:58px;padding:0 18px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(0,0,0,.05)}
.xa-logo{flex:none;display:flex;flex-direction:column;line-height:1.1}
.xa-logo img{height:16px;width:auto}
.xa-logo small{font-size:9.5px;color:var(--t2);margin-top:3px;letter-spacing:.02em}
.xa-tabs{display:flex;gap:2px;background:#EFEFF2;border-radius:12px;padding:3px;min-width:0;overflow-x:auto;scrollbar-width:none}
.xa-tabs::-webkit-scrollbar{display:none}
.xa-tabs button{flex:none;position:relative;font-size:13px;color:#48484A;padding:6px 13px;border-radius:9px;white-space:nowrap}
.xa-tabs button:hover{color:var(--t)}
.xa-tabs button.on{background:#fff;color:var(--t);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.xa-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:8px;background:#FF3B30;color:#fff;font-size:10px;font-weight:600;padding:0 4px;margin-left:4px;vertical-align:1px}
.xa-badge[data-n="0"]{display:none}
.xa-me{margin-left:auto;flex:none;display:flex;align-items:center;gap:8px}
.xa-me b{display:block;font-size:12.5px;line-height:1.2}.xa-me small{display:block;font-size:10.5px;color:var(--t2)}
.xa-av{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.xa-av img{width:72%;height:auto}
.xa-pa{flex:none;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;background:#8E8E93}
.xa-body{padding:20px;min-height:520px;background:linear-gradient(180deg,#EEF7EA 0,var(--bg) 150px)}
.xa-hint{position:absolute;right:14px;bottom:12px;font-size:11px;color:var(--t2);background:rgba(255,255,255,.9);border-radius:999px;padding:3px 10px;box-shadow:0 0 0 1px rgba(0,0,0,.05);pointer-events:none}
@container xa (max-width:760px){
  .xa-top{gap:10px;padding:0 12px;height:52px}.xa-logo small{display:none}.xa-me b,.xa-me small{display:none}
  .xa-tabs button{padding:5px 9px;font-size:12px}.xa-body{padding:14px;min-height:0}.xa-url{display:none}}

/* 通用小件 */
.xa-card{background:var(--c);border-radius:16px;padding:16px 18px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.xa-h{font-size:12px;font-weight:600;color:var(--t2);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.xa-title{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.xa-sub{font-size:12.5px;color:var(--t2);margin-top:2px}
.xa-seg{display:inline-flex;background:#E9E9EC;border-radius:10px;padding:3px;gap:2px}
.xa-seg button{font-size:12.5px;padding:5px 12px;border-radius:8px;color:#48484A;white-space:nowrap}
.xa-seg button.on{background:#fff;color:var(--t);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.xa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s,opacity .2s}
.xa-btn.g{background:var(--g);color:#fff}.xa-btn.g:hover{background:var(--g2)}
.xa-btn.k{background:var(--t);color:#fff}
.xa-btn.o{background:#fff;box-shadow:inset 0 0 0 1px #DCDCE0}.xa-btn.o:hover{box-shadow:inset 0 0 0 1px #BDBDC2}
.xa-btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:8px}
.xa-btn[disabled]{opacity:.45;cursor:default}
.xa-in{height:38px;border-radius:11px;background:#F0F0F3;border:1px solid transparent;padding:0 12px 0 34px;width:100%;outline:0;transition:border-color .2s,background .2s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238E8E93' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center}
.xa-in:focus{border-color:var(--g);background-color:#fff}
.xa-in.np{padding-left:12px;background-image:none}
.xa-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;border-radius:6px;padding:1px 7px;background:#F0F0F3;color:#636366;white-space:nowrap;line-height:1.7}
.xa-tag.g{background:var(--gl);color:var(--gd)}.xa-tag.o{background:var(--ol);color:#B5650C}.xa-tag.r{background:var(--rl);color:var(--r)}
.xa-tag.p{background:var(--pl);color:var(--p)}.xa-tag.b{background:var(--bl);color:#2563EB}.xa-tag.k{background:#3A3A3C;color:#fff}
.xa-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:#fff;border-radius:999px;padding:5px 12px;box-shadow:inset 0 0 0 1px #E3E3E7;white-space:nowrap;transition:background .2s,box-shadow .2s,color .2s}
.xa-chip small{font-size:11px;color:var(--t2)}
.xa-chip:hover{box-shadow:inset 0 0 0 1px #C7C7CC}
.xa-chip.on{background:var(--g);color:#fff;box-shadow:none}.xa-chip.on small{color:rgba(255,255,255,.8)}
.xa-chips{display:flex;flex-wrap:wrap;gap:6px}
.xa-sw{position:relative;width:38px;height:22px;border-radius:11px;background:#D1D1D6;transition:background .2s;flex:none}
.xa-sw::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.xa-sw.on{background:var(--g)}.xa-sw.on::after{transform:translateX(16px)}
.xa-spin{width:14px;height:14px;border-radius:50%;border:2px solid #D1D1D6;border-top-color:var(--g);animation:xaspin .8s linear infinite;flex:none}
@keyframes xaspin{to{transform:rotate(360deg)}}
.xa-ok{width:16px;height:16px;border-radius:50%;background:var(--g);flex:none;position:relative}
.xa-ok::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.xa-wait{width:14px;height:14px;border-radius:50%;border:2px solid #E0E0E4;flex:none}
.xa-fade{animation:xafade .35s ease both}
@keyframes xafade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.xa-flash{animation:xaflash 1.6s ease}
@keyframes xaflash{0%{background:#E4F5DE}100%{background:transparent}}
.xa-toast{position:absolute;left:50%;bottom:18px;transform:translateX(-50%) translateY(10px);background:rgba(28,28,30,.92);color:#fff;font-size:12.5px;border-radius:10px;padding:8px 14px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:30;max-width:90%;text-align:center}
.xa-toast.on{opacity:1;transform:translateX(-50%)}
.xa-pop{position:absolute;z-index:25;width:300px;max-width:calc(100% - 24px);background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 18px 40px -12px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.06);font-size:12.5px;line-height:1.7}
.xa-pop b{font-size:13px}
.xa-pop .x{position:absolute;right:8px;top:6px;width:24px;height:24px;border-radius:6px;color:var(--t2);font-size:16px;line-height:24px;text-align:center}
.xa-drawer{position:absolute;top:96px;right:0;bottom:0;width:min(380px,92%);background:#fff;box-shadow:-18px 0 40px -18px rgba(0,0,0,.25);transform:translateX(105%);transition:transform .3s ease;z-index:24;display:flex;flex-direction:column}
.xa-drawer.on{transform:none}
.xa-drawer header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--l)}
.xa-drawer header b{font-size:14px}
.xa-drawer header button{width:28px;height:28px;border-radius:8px;font-size:18px;color:var(--t2)}
.xa-drawer .bd{padding:14px 16px;overflow:auto;flex:1;font-size:13px;line-height:1.75}
.xa-cite{display:inline-flex;align-items:center;font-size:10.5px;color:#8E8E93;background:#F0F0F3;border-radius:5px;padding:0 5px;margin-left:3px;vertical-align:1px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transition:background .2s,color .2s}
.xa-cite:hover,.xa-cite.on{background:var(--g);color:#fff}
.xa-ft{font-size:11.5px;color:var(--t2)}
.xa-num{font-variant-numeric:tabular-nums}

/* ---------- 01 一句话调用 · 10 会议纪要（对话窗口） ---------- */
.xo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;min-height:520px}
.xo-chat{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;min-height:520px}
.xo-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--l)}
.xo-hd b{font-size:13.5px}.xo-hd small{font-size:11.5px;color:var(--t2);display:block}
.xo-hd .dot{width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 0 3px rgba(91,193,74,.2);margin-left:auto}
.xo-log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:440px;scroll-behavior:smooth}
.xo-row{display:flex;gap:8px;align-items:flex-start;max-width:92%}
.xo-row.me{align-self:flex-end;flex-direction:row-reverse}
.xo-b{background:#F2F2F5;border-radius:14px;padding:9px 13px;font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word}
.xo-row.me .xo-b{background:var(--t);color:#fff}
.xo-b b{font-weight:600}
.xo-b .xa-tag{margin-right:4px}
.xo-sug{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px 0}
.xo-sug button{font-size:12.5px;background:#F2F2F5;border-radius:999px;padding:5px 11px;text-align:left;transition:background .2s}
.xo-sug button:hover{background:#E5E5EA}
.xo-sug button[disabled]{opacity:.4;cursor:default}
.xo-in{display:flex;gap:8px;padding:12px 14px}
.xo-in input{flex:1;min-width:0;height:40px;border-radius:12px;border:1px solid #E3E3E7;background:#fff;padding:0 12px;outline:0}
.xo-in input:focus{border-color:var(--g)}
.xo-side{display:flex;flex-direction:column;gap:12px}
.xo-steps li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:12.5px;color:var(--t2);transition:color .2s}
.xo-steps li>span:first-child{margin-top:3px}
.xo-steps li b{display:block;color:var(--t);font-weight:600;font-size:13px}
.xo-steps li.on b{color:var(--t)}
.xo-steps li i{font-style:normal;display:block;font-size:12px;line-height:1.6;word-break:break-all}
.xo-arch li{font-size:12px;padding:7px 0;border-top:1px solid var(--l);line-height:1.55}
.xo-arch li:first-child{border-top:0}
.xo-arch li b{display:block;font-size:12.5px;font-weight:600}
.xo-empty{font-size:12px;color:var(--t2)}
.xo-res{margin-top:8px;background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px var(--l);padding:12px;font-size:13px;line-height:1.7;white-space:normal}
.xo-poster{width:180px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(160deg,#F6E7C8 0%,#E9B872 55%,#B9783D 100%);color:#3B2410;padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 20px -10px rgba(0,0,0,.35)}
.xo-poster small{font-size:10px;letter-spacing:.15em}
.xo-poster b{font-size:22px;line-height:1.2;font-weight:800}
.xo-poster p{font-size:11px;line-height:1.5}
.xo-poster i{position:absolute;right:-30px;top:60px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#FFF6E4,#F0C98A 60%,transparent 62%);opacity:.9}
.xo-file{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--l)}
.xo-file:first-of-type{border-top:0}
.xo-ic{flex:none;width:34px;height:34px;border-radius:9px;background:#3A3A3C;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.xo-ic.pdf{background:#E5484D}.xo-ic.md{background:#3B82F6}.xo-ic.img{background:#F59E0B}.xo-ic.aud{background:#8E5CC9}.xo-ic.ppt{background:#EA7A2B}.xo-ic.htm{background:var(--g)}
.xo-file b{display:block;font-size:12.5px;line-height:1.4;word-break:break-all}
.xo-file small{font-size:11.5px;color:var(--t2)}
.xo-cf{display:flex;gap:8px;margin-top:8px}
@container xa (max-width:760px){.xo{grid-template-columns:1fr}.xo-side{display:none}.xo-log{max-height:360px}.xo-chat{min-height:440px}}

/* 会议纪要 */
.xmt-stp{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}
.xmt-stp span{font-size:11.5px;color:var(--t2);background:#fff;border-radius:999px;padding:3px 10px;box-shadow:inset 0 0 0 1px var(--l)}
.xmt-stp span.on{background:var(--t);color:#fff;box-shadow:none}
.xmt-stp span.ok{color:var(--gd);background:var(--gl);box-shadow:none}
.xmt-drop{border:1.5px dashed #C7C7CC;border-radius:14px;padding:22px;text-align:center;background:#FAFAFB;transition:border-color .2s,background .2s}
.xmt-drop.over{border-color:var(--g);background:var(--gl)}
.xmt-drop p{font-size:12.5px;color:var(--t2);margin:6px 0 12px}
.xmt-tr{max-height:200px;overflow:auto;font-size:12.5px;line-height:1.7;background:#FAFAFB;border-radius:10px;padding:10px 12px;margin-top:8px}
.xmt-tr p{display:grid;grid-template-columns:62px 48px 1fr;gap:6px}
.xmt-tr p span:first-child{color:var(--t2);font-family:ui-monospace,Menlo,monospace;font-size:11px;padding-top:2px}
.xmt-tr p span:nth-child(2){font-weight:600}
.xmt-bar{height:6px;border-radius:3px;background:#EDEDF0;overflow:hidden;margin-top:8px}
.xmt-bar i{display:block;height:100%;width:0;background:var(--g);transition:width .3s}
.xmt-sum h5{font-size:13px;font-weight:700;margin:10px 0 4px}
.xmt-sum h5:first-child{margin-top:0}
.xmt-sum li{font-size:12.5px;line-height:1.7;padding-left:12px;position:relative}
.xmt-sum li::before{content:"";position:absolute;left:2px;top:.75em;width:4px;height:4px;border-radius:50%;background:var(--t2)}
.xmt-todo{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:4px}
.xmt-todo td{padding:6px 4px;border-top:1px solid var(--l)}
.xmt-todo label{display:flex;gap:6px;align-items:center;cursor:pointer}
.xmt-pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}

/* ---------- 02 工作台 · 技能库 ---------- */
.xs-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}
.xs-head .xa-in{max-width:360px;background-color:#fff;border-color:#E3E3E7}
.xs-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.xs-layers button{text-align:left;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s,background .2s}
.xs-layers button b{font-size:14.5px}
.xs-layers button b small{font-size:12px;color:var(--t2);font-weight:400;margin-left:6px}
.xs-layers button span{display:block;font-size:12px;color:var(--t2);margin-top:3px;line-height:1.55}
.xs-layers button.on{background:#F6FBF4;box-shadow:inset 0 0 0 1.5px var(--g)}
.xs-layers button.on b{color:var(--gd)}
.xs-wrap{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px;margin-top:12px;align-items:start}
.xs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.xs-g{background:#fff;border-radius:14px;padding:13px 15px}
.xs-g h6{font-size:13px;font-weight:700;margin-bottom:9px}
.xs-g h6 small{font-weight:400;color:var(--t3);margin-left:4px}
.xs-g .xa-chips button{font-size:12.5px;background:#F2F2F5;border-radius:8px;padding:5px 10px;transition:background .2s,color .2s}
.xs-g .xa-chips button:hover{background:#E5E5EA}
.xs-g .xa-chips button.on{background:var(--t);color:#fff}
.xs-pf{display:flex;flex-direction:column;gap:6px}
.xs-pf button{display:block;text-align:left;width:100%;border-radius:10px;padding:8px 10px;background:#F7F7F9;transition:background .2s}
.xs-pf button:hover{background:#EFEFF2}.xs-pf button.on{background:var(--t);color:#fff}
.xs-pf button.on span,.xs-pf button.on .xa-tag{color:#fff}
.xs-pf button b{font-size:12.5px;display:flex;align-items:center;gap:6px}
.xs-pf button span{display:block;font-size:11.5px;color:var(--t2);line-height:1.5;margin-top:1px}
.xs-pf .off{opacity:.55}
.xs-tool{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;background:#F7F7F9;border-radius:12px;padding:10px 12px;transition:background .2s}
.xs-tool:hover{background:#EFEFF2}
.xs-ic{flex:none;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--gl);color:var(--gd)}
.xs-ic svg{width:17px;height:17px}
.xs-tool b{font-size:13px;display:block}.xs-tool span{font-size:11.5px;color:var(--t2);line-height:1.5;display:block}
.xs-det{position:sticky;top:0}
.xs-det .xa-card{min-height:240px}
.xs-det h5{font-size:16px;font-weight:700;margin:2px 0 8px}
.xs-det p{font-size:12.5px;color:#48484A;line-height:1.75}
.xs-det .say{margin-top:10px;background:#F2F2F5;border-radius:10px;padding:9px 11px;font-size:12.5px}
.xs-det .say small{display:block;font-size:11px;color:var(--t2)}
.xs-none{font-size:12.5px;color:var(--t2);padding:20px 4px}
@container xa (max-width:760px){.xs-layers{grid-template-columns:1fr}.xs-wrap{grid-template-columns:1fr}.xs-grid{grid-template-columns:1fr}.xs-layers button span{display:none}}

/* ---------- 03 智能体工作台 ---------- */
.xg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px;align-items:start}
.xg-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xg-cards button{display:flex;flex-direction:column;gap:6px;text-align:left;background:#fff;border-radius:14px;padding:13px 14px;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s}
.xg-cards button:hover{box-shadow:inset 0 0 0 1.5px #DCDCE0}
.xg-cards button.on{box-shadow:inset 0 0 0 1.5px var(--g)}
.xg-cards b{font-size:13.5px}.xg-cards span{font-size:11.5px;color:var(--t2);line-height:1.5}
.xg-cards i{font-style:normal;font-size:11px;color:var(--gd)}
.xg-form{margin-top:10px}
.xg-form label{display:block;font-size:12px;color:var(--t2);margin:8px 0 4px}
.xg-form .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.xg-form select{height:38px;border-radius:11px;border:1px solid transparent;background:#F0F0F3;padding:0 10px;width:100%;outline:0}
.xg-run{display:flex;flex-direction:column;gap:10px}
.xg-job{background:#fff;border-radius:14px;padding:13px 15px}
.xg-job header{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.xg-job header b{font-size:13.5px}
.xg-job header small{font-size:11.5px;color:var(--t2)}
.xg-nodes{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:10px}
.xg-nodes span{height:5px;border-radius:3px;background:#EDEDF0;transition:background .3s}
.xg-nodes span.on{background:#B9E3AE}.xg-nodes span.ok{background:var(--g)}
.xg-st{font-size:12px;color:#48484A;margin-top:6px;display:flex;align-items:center;gap:6px}
.xg-res{margin-top:10px;border-top:1px solid var(--l);padding-top:10px}
.xg-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.xg-kpi div{background:#F7F7F9;border-radius:10px;padding:8px 10px}
.xg-kpi b{display:block;font-size:17px;font-weight:700;line-height:1.3}
.xg-kpi span{font-size:11px;color:var(--t2)}
.xg-bars{margin-top:8px}
.xg-bars div{display:grid;grid-template-columns:96px 1fr 44px;gap:8px;align-items:center;font-size:12px;padding:3px 0}
.xg-bars i{display:block;height:7px;border-radius:4px;background:#EDEDF0;position:relative;overflow:hidden}
.xg-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:var(--g);border-radius:4px;transition:width .6s}
.xg-bars b{text-align:right;font-weight:600}
.xg-empty{background:rgba(255,255,255,.6);border-radius:14px;padding:22px;text-align:center;font-size:12.5px;color:var(--t2)}
@container xa (max-width:760px){.xg{grid-template-columns:1fr}.xg-kpi{grid-template-columns:1fr 1fr}}

/* ---------- 04 定时自动化 ---------- */
.xu{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;margin-top:14px;align-items:start}
.xu-new{display:flex;gap:8px}
.xu-new input{flex:1;min-width:0}
.xu-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.xu-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s,opacity .2s;cursor:pointer}
.xu-it.sel{box-shadow:inset 0 0 0 1.5px var(--g)}
.xu-it.off .xu-n{opacity:.5}
.xu-it b{font-size:13.5px}
.xu-n small{display:block;font-size:12px;color:var(--t2);line-height:1.55}
.xu-ops{display:flex;align-items:center;gap:8px}
.xu-hist{grid-column:1/-1;display:flex;gap:4px;align-items:center;font-size:11px;color:var(--t2)}
.xu-hist i{width:8px;height:8px;border-radius:2px;background:var(--g)}
.xu-hist i.n{background:#E0E0E4}
.xu-out{min-height:300px}
.xu-out h5{font-size:15px;font-weight:700}
.xu-out .meta{font-size:11.5px;color:var(--t2);margin:2px 0 10px}
.xu-out li{font-size:12.5px;line-height:1.75;padding:5px 0;border-top:1px solid var(--l)}
.xu-out li:first-child{border-top:0}
.xu-parse{font-size:12px;color:var(--gd);margin-top:6px;min-height:18px}
@container xa (max-width:760px){.xu{grid-template-columns:1fr}}

/* ---------- 05 时间线 ---------- */
.xt{background:#fff;border-radius:18px;padding:16px 18px}
.xt-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.xt-top h5{font-size:18px;font-weight:700}
.xt-search{display:flex;gap:8px;margin-top:12px}
.xt-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--l)}
.xt-tags button{font-size:12.5px;background:#F2F2F5;border-radius:10px;padding:6px 11px;transition:background .2s,color .2s}
.xt-tags button small{color:var(--t2);margin-left:5px;font-size:11.5px}
.xt-tags button.on{background:var(--t);color:#fff}.xt-tags button.on small{color:rgba(255,255,255,.6)}
.xt-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--t2);margin:12px 0 4px}
.xt-list{max-height:400px;overflow:auto}
.xt-r{display:grid;grid-template-columns:84px 54px 32px minmax(0,1fr) auto 28px;gap:8px;align-items:center;padding:9px 4px;border-top:1px solid #F3F3F5;font-size:12.5px;cursor:pointer;border-radius:8px;transition:background .2s}
.xt-r:hover{background:#FAFAFB}
.xt-r .tm{color:var(--t3);font-variant-numeric:tabular-nums;font-size:12px}
.xt-r .who{color:#48484A}
.xt-r .vb{color:var(--t3);font-size:12px}
.xt-r .tx{display:flex;align-items:center;gap:6px;min-width:0}
.xt-r .tx>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.xt-r .tx .xa-tag{flex:none}
.xt-r .cl{color:var(--t3);font-size:11.5px;white-space:nowrap}
.xt-r .mo{width:26px;height:26px;border-radius:7px;color:var(--t2);font-size:15px;letter-spacing:1px}
.xt-r .mo:hover{background:#EFEFF2}
.xt-r.wd .tx>span{text-decoration:line-through;color:var(--t3)}
.xt-r.nw{animation:xaflash 1.8s ease}
.xt-det{grid-column:1/-1;background:#F7F7F9;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.75;cursor:default}
.xt-det b{font-weight:600}
.xt-menu{position:absolute;z-index:26;background:#fff;border-radius:12px;padding:5px;min-width:170px;box-shadow:0 16px 36px -12px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.06)}
.xt-menu button{display:block;width:100%;text-align:left;font-size:12.5px;padding:7px 10px;border-radius:8px}
.xt-menu button:hover{background:#F2F2F5}
.xt-menu hr{border:0;border-top:1px solid var(--l);margin:4px 0}
@container xa (max-width:760px){.xt-r{grid-template-columns:52px minmax(0,1fr) 26px;row-gap:2px}.xt-r .who,.xt-r .vb,.xt-r .cl{display:none}.xt-r .tx{grid-column:2}.xt-r .tx .xa-tag{display:none}.xt-r .tm{font-size:11px}}

/* ---------- 06 Wiki ---------- */
.xw-tabs{display:flex;gap:6px;flex-wrap:wrap}
.xw-tabs button{font-size:12.5px;padding:6px 13px;border-radius:999px;background:#E9E9EC;color:#48484A;transition:background .2s,color .2s}
.xw-tabs button.on{background:var(--g);color:#fff;font-weight:600}
.xw{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;margin-top:12px;align-items:start}
.xw-list{background:#fff;border-radius:14px;padding:10px}
.xw-list .xa-in{height:32px;font-size:12.5px}
.xw-list ul{margin-top:8px;display:flex;flex-direction:column;gap:2px}
.xw-list li button{display:flex;align-items:center;gap:7px;width:100%;text-align:left;font-size:12.5px;padding:7px 8px;border-radius:8px}
.xw-list li button:hover{background:#F2F2F5}
.xw-list li button.on{background:var(--gl);color:var(--gd);font-weight:600}
.xw-list li i{width:6px;height:6px;border-radius:50%;flex:none}
.xw-pg{background:#fff;border-radius:16px;padding:16px 20px;position:relative;min-height:480px;max-height:640px;overflow:auto;overscroll-behavior:contain}
.xw-ti{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.xw-ti h5{font-size:19px;font-weight:700}
.xw-ti select{font-size:11.5px;font-weight:600;border:0;border-radius:6px;padding:2px 6px;background:var(--gl);color:var(--gd);cursor:pointer;outline:0}
.xw-who{margin-top:10px;background:#FAFAFB;border:1px solid #F1D9B5;border-radius:10px;padding:8px 12px;font-size:12px}
.xw-who summary{cursor:pointer;font-weight:600;list-style:none}
.xw-who summary::-webkit-details-marker{display:none}
.xw-who summary span{font-weight:400;color:var(--t2);margin-left:8px}
.xw-who p{margin-top:6px;color:#48484A;line-height:1.7}
.xw-pend{margin-top:10px;background:#FFF8EC;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.7}
.xw-pend b{color:#B5650C}
.xw-pend .xa-btn{margin-top:6px;margin-right:6px}
.xw-sec{border-top:1px solid var(--l);padding:12px 0 4px;margin-top:12px}
.xw-sec h6{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.xw-sec h6 .xa-tag{font-weight:500}
.xw-sec p,.xw-sec li{font-size:13px;line-height:1.85;color:#2C2C2E}
.xw-sec li{padding-left:12px;position:relative}
.xw-sec li::before{content:"";position:absolute;left:1px;top:.8em;width:4px;height:4px;border-radius:50%;background:#AEAEB2}
.xw-sec li.void{color:var(--t3)}
.xw-sec li.void s{color:var(--t3)}
.xw-edit{font-size:12px;color:var(--gd);margin-top:4px}
.xw-sec textarea{width:100%;min-height:86px;border-radius:10px;border:1px solid var(--g);padding:8px 10px;font-size:13px;line-height:1.7;outline:0;resize:vertical}
.xw-f{display:grid;grid-template-columns:110px minmax(0,1fr) auto 110px;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #F3F3F5;font-size:12.5px}
.xw-f:first-of-type{border-top:0}
.xw-f>span:first-child b{display:block;font-size:12.5px}
.xw-f>span:first-child small{font-size:11px;color:var(--t2)}
.xw-f input{height:32px;border-radius:9px;border:1px solid #E3E3E7;padding:0 10px;outline:0;width:100%}
.xw-f input:focus{border-color:var(--g)}
.xw-f .src{font-size:11px;color:var(--t2);line-height:1.5}
.xw-files{display:flex;flex-direction:column;gap:6px}
.xw-files div{display:flex;gap:8px;align-items:center;font-size:12.5px}
.xw-pr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.xw-pr div{background:#F7F7F9;border-radius:10px;padding:9px 11px}
.xw-pr b{font-size:18px;display:block}.xw-pr span{font-size:11.5px;color:var(--t2)}
@container xa (max-width:760px){.xw{grid-template-columns:1fr}.xw-list ul{flex-direction:row;overflow-x:auto}.xw-list li button{white-space:nowrap}.xw-f{grid-template-columns:1fr auto}.xw-f>span:first-child{grid-column:1/-1}.xw-f .src{display:none}.xw-pr{grid-template-columns:1fr}}

/* ---------- 07 知识星图 ---------- */
.xk{position:relative;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#16233B 0%,#0B1220 70%);height:520px;touch-action:pan-y}
.xk canvas{display:block;width:100%;height:100%;cursor:grab}
.xk canvas.drag{cursor:grabbing}
.xk-bar{position:absolute;left:12px;top:12px;right:12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;pointer-events:none}
.xk-bar>*{pointer-events:auto}
.xk-bar button{font-size:12px;color:#D7DEEA;background:rgba(255,255,255,.08);border-radius:999px;padding:4px 11px;display:inline-flex;align-items:center;gap:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background .2s,opacity .2s}
.xk-bar button i{width:8px;height:8px;border-radius:50%}
.xk-bar button.off{opacity:.38}
.xk-bar input{margin-left:auto;height:30px;border-radius:999px;border:0;background:rgba(255,255,255,.1);color:#fff;padding:0 12px;font-size:12px;outline:0;width:170px}
.xk-bar input::placeholder{color:#8B97AB}
.xk-tip{position:absolute;pointer-events:none;background:rgba(255,255,255,.96);color:var(--t);border-radius:10px;padding:7px 10px;font-size:12px;line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;transition:opacity .15s;max-width:240px;z-index:3}
.xk-tip.on{opacity:1}
.xk-card{position:absolute;right:12px;bottom:12px;width:250px;max-width:calc(100% - 24px);background:rgba(255,255,255,.97);border-radius:14px;padding:12px 14px;font-size:12.5px;line-height:1.65;transform:translateY(12px);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:4}
.xk-card.on{opacity:1;transform:none;pointer-events:auto}
.xk-card b{font-size:14px}
.xk-card .x{position:absolute;right:6px;top:4px;width:24px;height:24px;font-size:16px;color:var(--t2)}
.xk-stat{position:absolute;left:14px;bottom:12px;font-size:11.5px;color:#8B97AB}
@container xa (max-width:760px){.xk{height:440px}.xk-bar input{width:100%;margin-left:0}}

/* ---------- 08 智能云盘 ---------- */
.xd{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;align-items:start}
.xd-side{display:flex;flex-direction:column;gap:10px}
.xd-box{background:#fff;border-radius:14px;padding:10px}
.xd-box h6{font-size:11.5px;color:var(--t2);font-weight:500;padding:2px 6px 6px;display:flex;justify-content:space-between}
.xd-box button.v{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12.5px;padding:6px 8px;border-radius:8px;text-align:left}
.xd-box button.v small{color:var(--t2);font-size:11px}
.xd-box button.v:hover{background:#F2F2F5}
.xd-box button.v.on{background:var(--gl);color:var(--gd);font-weight:600}
.xd-box button.v i{width:6px;height:6px;border-radius:50%;background:var(--o);margin-right:7px;flex:none}
.xd-box button.v span{display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xd-box .xa-seg{width:100%;margin-bottom:6px}.xd-box .xa-seg button{flex:1;padding:4px 6px;font-size:11.5px}
.xd-top{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px}
.xd-q{background:#fff;border-radius:14px;padding:12px}
.xd-q form{display:flex;gap:8px}
.xd-q .try{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:11.5px;color:var(--t2)}
.xd-q .try button{font-size:11.5px;background:#F2F2F5;border-radius:999px;padding:3px 9px;color:#48484A}
.xd-up{border:1.5px dashed #9ED38F;border-radius:14px;background:#F8FCF6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;font-size:11.5px;color:var(--t2);transition:background .2s,border-color .2s;cursor:pointer}
.xd-up b{font-size:13px;color:var(--t);margin-top:4px}
.xd-up .u{width:30px;height:30px;border-radius:9px;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}
.xd-up.over{background:var(--gl);border-color:var(--g)}
.xd-samp{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center;font-size:11.5px;color:var(--t2)}
.xd-samp button{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;background:#fff;border-radius:8px;padding:4px 8px;box-shadow:inset 0 0 0 1px #E3E3E7;cursor:grab}
.xd-h{display:flex;align-items:baseline;gap:10px;margin:14px 0 8px;flex-wrap:wrap}
.xd-h b{font-size:18px;font-weight:700}
.xd-h span{font-size:12px;color:var(--t2)}
.xd-types{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.xd-tbl{background:#fff;border-radius:14px;overflow:auto;max-height:520px;overscroll-behavior:contain}
.xd-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 72px 70px;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid #F3F3F5;font-size:12.5px;cursor:pointer;transition:background .2s}
.xd-row:hover{background:#FAFAFB}
.xd-row.hd{position:sticky;top:0;z-index:1;cursor:default;font-size:11.5px;color:var(--t2);border-top:0;background:#FAFAFB}
.xd-nm{display:flex;gap:10px;align-items:center;min-width:0}
.xd-nm div{min-width:0}
.xd-nm b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xd-nm small{display:block;font-size:11.5px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xd-nm small mark{background:#FFF0B3;color:inherit;border-radius:3px;padding:0 1px}
.xd-sc{font-size:11px;color:var(--gd);font-weight:600}
.xd-why{font-size:12px;color:var(--gd);background:var(--gl);border-radius:10px;padding:7px 10px;margin-bottom:8px}
.xd-up-pr{background:#fff;border-radius:14px;padding:12px 14px;margin-bottom:8px;font-size:12.5px}
.xd-up-pr li{display:flex;gap:8px;align-items:center;padding:3px 0;color:var(--t2)}
.xd-up-pr li.ok{color:var(--t)}
.xd-modal{position:absolute;inset:0;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;z-index:28;padding:16px}
.xd-modal>div{background:#fff;border-radius:16px;padding:16px 18px;width:340px;max-width:100%;box-shadow:0 20px 50px -10px rgba(0,0,0,.35)}
.xd-modal h6{font-size:14px;font-weight:700}
.xd-modal p{font-size:12.5px;color:var(--t2);margin:4px 0 10px;line-height:1.6}
@container xa (max-width:760px){.xd{grid-template-columns:1fr}.xd-side{display:none}.xd-top{grid-template-columns:1fr}.xd-row{grid-template-columns:minmax(0,1fr) 62px}.xd-row>span:nth-child(2),.xd-row>span:nth-child(4){display:none}}

/* ---------- 09 消息与待办 ---------- */
.xi{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;margin-top:14px;align-items:stretch;min-height:420px}
.xi-l{background:#fff;border-radius:16px;padding:10px;display:flex;flex-direction:column}
.xi-l .xa-seg{width:100%}.xi-l .xa-seg button{flex:1}
.xi-ls{margin-top:8px;display:flex;flex-direction:column;gap:2px;overflow:auto;max-height:380px}
.xi-it{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;text-align:left;padding:9px 8px;border-radius:10px;width:100%;transition:background .2s;position:relative}
.xi-it:hover{background:#F7F7F9}
.xi-it.on{background:var(--gl)}
.xi-it b{font-size:12.5px;display:flex;justify-content:space-between;gap:6px}
.xi-it b small{font-weight:400;color:var(--t2);font-size:11px;flex:none}
.xi-it span{display:block;font-size:12px;color:#636366;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xi-it.un::after{content:"";position:absolute;left:4px;top:12px;width:7px;height:7px;border-radius:50%;background:#FF3B30}
.xi-it .st{font-size:11px;color:var(--gd);margin-top:1px}
.xi-r{background:#fff;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column}
.xi-r h5{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
.xi-r .meta{font-size:11.5px;color:var(--t2);margin-top:2px}
.xi-r .body{font-size:13.5px;line-height:1.85;margin-top:12px;white-space:pre-wrap}
.xi-r .att{display:flex;gap:10px;align-items:center;margin-top:12px;background:#F7F7F9;border-radius:10px;padding:8px 10px;font-size:12.5px}
.xi-r .ops{display:flex;gap:8px;margin-top:auto;padding-top:14px;flex-wrap:wrap}
.xi-r textarea{width:100%;min-height:80px;border-radius:10px;border:1px solid #E3E3E7;padding:8px 10px;outline:0;resize:vertical;font-size:13px;line-height:1.7}
.xi-r textarea:focus{border-color:var(--g)}
.xi-r select{height:34px;border-radius:9px;border:1px solid #E3E3E7;padding:0 8px;outline:0;background:#fff}
.xi-r label{font-size:12px;color:var(--t2);display:block;margin:10px 0 4px}
.xi-r .ck{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#48484A;margin-top:10px}
.xi-rc{display:flex;flex-direction:column;gap:4px;margin-top:12px}
.xi-rc div{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--t2)}
.xi-rc div.ok{color:var(--t)}
.xi-empty{margin:auto;text-align:center;color:var(--t2);font-size:12.5px}
@container xa (max-width:760px){.xi{grid-template-columns:1fr}.xi-ls{max-height:220px}}

/* ---------- 11 驾驶舱 ---------- */
.xc-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.xc-hd small{font-size:11.5px;color:var(--t2);letter-spacing:.08em}
.xc-hd h5{font-size:30px;font-weight:800;letter-spacing:-.01em;line-height:1.25}
.xc-tip{font-size:12.5px;color:#48484A;margin-top:4px;display:flex;align-items:center;gap:6px}
.xc-g{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:12px;margin-top:14px}
.xc-sum{font-size:14px;line-height:1.95;color:#2C2C2E}
.xc-sum b{font-weight:700}
.xc-feed{margin-top:12px;border-top:1px solid var(--l);padding-top:10px}
.xc-feed ol{display:flex;flex-direction:column}
.xc-feed li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;font-size:12.5px;padding:5px 0;align-items:baseline}
.xc-feed li .t{color:var(--t3);font-variant-numeric:tabular-nums;font-size:11.5px}
.xc-feed li .m{color:var(--gd);font-weight:700;font-size:12px}
.xc-feed li.nw{animation:xafade .45s ease both,xaflash 1.8s ease}
.xc-amt b{font-size:46px;font-weight:800;letter-spacing:-.02em;line-height:1}
.xc-amt span{font-size:15px;font-weight:600;color:var(--t2);margin-left:2px}
.xc-pills{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.xc-pills span{font-size:11.5px;background:#F2F2F5;border-radius:999px;padding:2px 9px}
.xc-ch{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;height:150px;margin-top:6px}
.xc-ch button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;font-size:10.5px;color:var(--t2)}
.xc-ch button i{display:block;width:70%;border-radius:7px 7px 3px 3px;background:#E3E3E7;transition:background .2s,height .5s}
.xc-ch button:hover i{background:#CFCFD4}
.xc-ch button.cur i{background:var(--g)}
.xc-ch button.on i{background:var(--t)}
.xc-ch button b{font-size:10.5px;color:#48484A;font-weight:600}
.xc-mon{font-size:12px;color:#48484A;margin-top:8px;min-height:40px;line-height:1.7}
.xc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.xc-tiles button{text-align:left;background:#fff;border-radius:16px;padding:14px 16px;transition:transform .2s,box-shadow .2s}
.xc-tiles button:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(0,0,0,.3)}
.xc-tiles small{font-size:12px;color:var(--t2)}
.xc-tiles b{display:block;font-size:28px;font-weight:800;line-height:1.3;letter-spacing:-.01em;position:relative}
.xc-tiles span{display:block;font-size:11.5px;color:var(--t2);line-height:1.5}
.xc-tiles span.r{color:var(--r)}
.xc-fly{position:absolute;left:100%;top:0;font-size:12px;color:var(--gd);font-weight:700;animation:xcfly 1.2s ease forwards;margin-left:4px}
@keyframes xcfly{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px)}}
.xc-rank{margin-top:12px}
.xc-rank ol{display:flex;flex-direction:column;gap:6px}
.xc-rank li{display:grid;grid-template-columns:22px 28px minmax(0,1fr) 46px;gap:8px;align-items:center;font-size:12.5px;transition:transform .4s}
.xc-rank li em{font-style:normal;font-size:13px;text-align:center}
.xc-rank li i{display:block;height:7px;border-radius:4px;background:#EDEDF0;position:relative;overflow:hidden}
.xc-rank li i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:var(--g);border-radius:4px;transition:width .5s}
.xc-rank li b{text-align:right;font-variant-numeric:tabular-nums}
.xc-rank li span{display:flex;flex-direction:column;gap:3px;min-width:0}
.xc-g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
@container xa (max-width:860px){.xc-g{grid-template-columns:1fr}.xc-tiles{grid-template-columns:1fr 1fr}.xc-g2{grid-template-columns:1fr}.xc-hd h5{font-size:24px}.xc-amt b{font-size:38px}}

/* ---------- 12 三档权限 ---------- */
.xp-who{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.xp-who button{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:8px 12px;text-align:left;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s}
.xp-who button.on{box-shadow:inset 0 0 0 1.5px var(--g)}
.xp-who b{font-size:12.5px;display:block}.xp-who small{font-size:11px;color:var(--t2);display:block}
.xp-tbl{background:#fff;border-radius:14px;margin-top:12px;overflow:hidden}
.xp-r{display:grid;grid-template-columns:minmax(0,1.4fr) 92px minmax(0,1.3fr) 92px;gap:10px;align-items:center;padding:9px 14px;border-top:1px solid #F3F3F5;font-size:12.5px;transition:background .3s}
.xp-r.hd{border-top:0;background:#FAFAFB;font-size:11.5px;color:var(--t2)}
.xp-r select{height:28px;border-radius:7px;border:1px solid #E3E3E7;padding:0 6px;font-size:12px;outline:0;background:#fff;width:100%}
.xp-r .who{font-size:11.5px;color:var(--t2);line-height:1.5}
.xp-r.no .xd-nm{filter:blur(3.5px);opacity:.55;user-select:none}
.xp-v{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;white-space:nowrap}
.xp-v.y{color:var(--gd)}.xp-v.n{color:var(--r)}
.xp-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}
.xp-ask form{display:flex;gap:8px}
.xp-ans{margin-top:10px;font-size:13px;line-height:1.8;background:#F7F7F9;border-radius:10px;padding:10px 12px;min-height:76px}
.xp-log li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;font-size:12px;padding:5px 0;border-top:1px solid var(--l);line-height:1.55}
.xp-log li:first-child{border-top:0}
.xp-log li span{color:var(--t3);font-variant-numeric:tabular-nums}
.xp-log li.nw{animation:xaflash 1.8s ease}
.xp-log ol{max-height:170px;overflow:auto}
@container xa (max-width:760px){.xp-r{grid-template-columns:minmax(0,1fr) 84px}.xp-r>span:nth-child(3){display:none}.xp-r>span:nth-child(4){grid-column:1/-1}.xp-g{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){.xa *{animation:none!important;transition:none!important}}
/* 手机宽度补丁 */
.xw>*,.xd>*,.xi>*,.xg>*,.xu>*,.xo>*,.xc-g>*,.xp-g>*{min-width:0}
.xmt-drop .xa-btn{white-space:normal;height:auto;min-height:32px;padding:6px 12px;line-height:1.5}
.xo-b .xo-res{max-width:100%;overflow:hidden}
@container xa (max-width:760px){.xw-pend{word-break:break-all}.xw-pg{padding:14px;max-height:560px}}
.xo-poster>div,.xo-poster>small{position:relative;z-index:1}

/* ---------- 10-19 三大核心优势 ---------- */
.xv-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}
.xv-chips li{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;background:var(--s1);border-radius:999px;padding:7px 14px 7px 7px}
.xv-chips b{font-size:11px;font-weight:600;color:#fff;background:var(--k);border-radius:999px;padding:2px 7px}
.xv{background:var(--s1)}
.xv-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.xv-c{background:#fff;border-radius:var(--r3);padding:28px 26px;box-shadow:var(--e1),inset 0 0 0 1px var(--ln);display:flex;flex-direction:column}
.xv-n{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--k)}
.xv-c h3{font-size:23px;font-weight:600;margin-top:18px;line-height:1.35}
.xv-s{font-size:16px;color:var(--k2);margin-top:6px;font-weight:500}
.xv-c ul{margin:18px 0 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.xv-c li{position:relative;padding-left:18px;font-size:14px;color:var(--k3);line-height:1.7}
.xv-c li::before{content:"";position:absolute;left:2px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--k)}
@media (max-width:900px){.xv-g{grid-template-columns:1fr}}

/* ---------- 10-19 员工侧调用一律用微信界面（王朋友：微信门槛最低） ---------- */
.xo.wx{grid-template-columns:372px minmax(0,1fr)}
.wx .xo-chat{border:4px solid #1C1C1E;border-radius:34px;background:#EDEDED;height:640px;min-height:0;box-shadow:0 0 0 1px #C7C7CC,0 24px 50px -20px rgba(0,0,0,.3)} /* 10-19 王朋友：细边框，像现在的全面屏手机 */
.wx .xo-hd{position:relative;justify-content:center;text-align:center;background:#EDEDED;border-bottom:1px solid #D9D9D9;padding:12px 40px 10px}
.wx .xo-hd b{font-size:15px;font-weight:600}.wx .xo-hd small{font-size:10.5px}
.wx .wx-bk,.wx .wx-mo{position:absolute;top:50%;transform:translateY(-50%);font-size:22px;color:#1C1C1E;line-height:1}
.wx .wx-bk{left:14px}.wx .wx-mo{right:14px;font-size:16px;letter-spacing:1px}
.wx .wx-st{display:flex;justify-content:space-between;font-size:11px;font-weight:600;padding:8px 22px 0;background:#EDEDED}
.wx .xo-log{background:#EDEDED;max-height:none;flex:1;padding:12px 10px}
.wx .xo-row{gap:7px;max-width:94%}
.wx .xo-b{background:#fff;border-radius:6px;font-size:14px;padding:8px 11px;color:#111}
.wx .xo-row.me .xo-b{background:#95EC69;color:#111}
.wx .xa-av{border-radius:6px;width:34px;height:34px}
.wx .xo-res{box-shadow:none;background:#F7F7F7;border-radius:6px}
.wx .xo-sug{background:#F7F7F7;border-top:1px solid #D9D9D9;padding:8px 8px 0;gap:5px}
.wx .xo-sug button{background:#fff;font-size:12px;border-radius:6px;padding:4px 9px}
.wx .xo-in{background:#F7F7F7;padding:8px 8px 14px;gap:6px;align-items:center}
.wx .xo-in input{height:36px;border-radius:6px;border:0;background:#fff;font-size:13.5px}
.wx .xo-in .wx-ic{flex:none;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #1C1C1E;display:flex;align-items:center;justify-content:center;font-size:13px;color:#1C1C1E}
.wx .xo-in .xa-btn{height:32px;padding:0 12px;border-radius:6px;background:#07C160}
.wx .xmt-drop{background:#fff}
.wx .xo-cf .xa-btn.g{background:#07C160}
@container xa (max-width:760px){.xo.wx{grid-template-columns:1fr}.wx .xo-chat{height:600px;border-width:4px;border-radius:30px;max-width:380px;margin:0 auto;width:100%}.wx .xo-log{max-height:none}}
/* 10-19 晚：星盒星盒！页只讲四个核心能力——总览四张卡片，第四节里放「本站就是在星盒星盒！上搭建的」 */
.xv-g.c4{grid-template-columns:repeat(4,1fr)}
.xv-g.c4 .xv-c{padding:26px 22px}
.xv-g.c4 .xv-c h3{font-size:20px}
@media (max-width:1100px){.xv-g.c4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.xv-g.c4{grid-template-columns:1fr}}
.xc .xf-m{padding-top:8px}
.xl-self{margin-top:56px}