:root{--opc-teal-900: #0a4c3d;--opc-teal-800: #0d5f4d;--opc-teal-700: #0f765e;--opc-teal-600: #168a6e;--opc-teal-500: #3f9c84;--opc-teal-400: #8cc4b5;--opc-teal-300: #b9dcd2;--opc-teal-200: #d3e9e2;--opc-teal-100: #e5f3ee;--opc-teal-50: #f2f9f6;--opc-cream-500: #d7dee3;--opc-cream-400: #e3e9ed;--opc-cream-300: #eef2f4;--opc-cream-200: #f0f3f5;--opc-cream-100: #eef2f4;--opc-cream-50: #f7f9fa;--opc-gold-700: #a76414;--opc-gold-600: #b5750f;--opc-gold-500: #a76414;--opc-gold-400: #e4bd77;--opc-gold-300: #f0d9a8;--opc-coral-600: #D97757;--opc-coral-500: #E5654C;--opc-coral-200: #F0C9BB;--opc-vault-fg: #1B6766;--opc-vault-tile: #EEF4F4;--opc-studio-fg: #2D7F7C;--opc-studio-tile: #EEF4F4;--opc-video-fg: #E5654C;--opc-video-tile: #FCEEEA;--opc-flow-fg: #C58B35;--opc-flow-tile: #FAF1DE;--opc-publish-fg: #E89788;--opc-publish-tile:#FCE3DB;--opc-insights-fg: #4F9C99;--opc-insights-tile:#EAF3F2;--opc-ink-1: #162435;--opc-ink-2: #2a3947;--opc-ink-3: #46586a;--opc-ink-4: #667786;--opc-ink-5: #9aa7b2;--opc-line-1: #dbe4e8;--opc-line-2: #e6edf0;--opc-line-3: #eef2f4;--opc-surface-page: #FFFFFF;--opc-surface-warm: #f4f7f6;--opc-surface-card: #FFFFFF;--opc-surface-sunken:#f9fbfa;--opc-surface-ink: #132528;--opc-surface-ink-soft:#20373b;--opc-success: #0f765e;--opc-warn: #a76414;--opc-danger: #b13d3d;--opc-info: #2f66b3;--opc-success-soft: #e5f3ee;--opc-warn-soft: #fff1db;--opc-danger-soft: #fdeaea;--opc-info-soft: #e8f0fb;--opc-font-sans: "Plus Jakarta Sans", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--opc-font-cjk: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Plus Jakarta Sans", system-ui, sans-serif;--opc-font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--opc-size-display1: 56px;--opc-size-display2: 44px;--opc-size-h1: 34px;--opc-size-h2: 26px;--opc-size-h3: 20px;--opc-size-h4: 17px;--opc-size-body: 15px;--opc-size-body-sm: 13px;--opc-size-caption: 12px;--opc-size-micro: 11px;--opc-lh-tight: 1.12;--opc-lh-snug: 1.28;--opc-lh-normal: 1.5;--opc-lh-relaxed:1.7;--opc-radius-xs: 4px;--opc-radius-sm: 8px;--opc-radius-md: 8px;--opc-radius-lg: 10px;--opc-radius-xl: 14px;--opc-radius-pill: 999px;--opc-shadow-flat: 0 0 0 1px var(--opc-line-1);--opc-shadow-1: 0 10px 26px rgba(22, 36, 53, .06);--opc-shadow-2: 0 16px 38px rgba(22, 36, 53, .08);--opc-shadow-3: 0 20px 46px rgba(22, 36, 53, .1);--opc-shadow-inset:inset 0 0 0 1px var(--opc-line-1);--opc-space-1: 4px;--opc-space-2: 8px;--opc-space-3: 12px;--opc-space-4: 16px;--opc-space-5: 20px;--opc-space-6: 24px;--opc-space-8: 32px;--opc-space-10: 40px;--opc-space-12: 48px;--opc-space-16: 64px;--opc-space-20: 80px;--opc-ease-out: cubic-bezier(.2, .7, .2, 1);--opc-ease-in-out: cubic-bezier(.6, .05, .3, 1);--opc-dur-fast: .12s;--opc-dur-med: .22s;--opc-dur-slow: .38s}.opc-display-1,h1.opc-display{font-family:var(--opc-font-sans);font-weight:800;font-size:var(--opc-size-display1);line-height:var(--opc-lh-tight);letter-spacing:-.02em;color:var(--opc-ink-1)}.opc-display-2{font-family:var(--opc-font-sans);font-weight:700;font-size:var(--opc-size-display2);line-height:var(--opc-lh-tight);letter-spacing:-.018em;color:var(--opc-ink-1)}.opc-h1,h1{font-family:var(--opc-font-sans);font-weight:700;font-size:var(--opc-size-h1);line-height:var(--opc-lh-snug);letter-spacing:-.012em;color:var(--opc-ink-1)}.opc-h2,h2{font-family:var(--opc-font-sans);font-weight:700;font-size:var(--opc-size-h2);line-height:var(--opc-lh-snug);letter-spacing:-.008em;color:var(--opc-ink-1)}.opc-h3,h3{font-family:var(--opc-font-sans);font-weight:600;font-size:var(--opc-size-h3);line-height:var(--opc-lh-snug);color:var(--opc-ink-1)}.opc-h4,h4{font-family:var(--opc-font-sans);font-weight:600;font-size:var(--opc-size-h4);line-height:1.4;color:var(--opc-ink-1)}.opc-body,p{font-family:var(--opc-font-sans);font-weight:400;font-size:var(--opc-size-body);line-height:var(--opc-lh-relaxed);color:var(--opc-ink-2)}.opc-body-sm{font-size:var(--opc-size-body-sm);line-height:1.6;color:var(--opc-ink-3)}.opc-caption{font-size:var(--opc-size-caption);line-height:1.4;color:var(--opc-ink-4);letter-spacing:.01em}.opc-micro{font-size:var(--opc-size-micro);line-height:1.3;color:var(--opc-ink-4);letter-spacing:.04em;text-transform:uppercase}.opc-mono{font-family:var(--opc-font-mono);font-feature-settings:"ss01","cv01"}.opc-cjk{font-family:var(--opc-font-cjk);letter-spacing:0}.opc-accent{color:var(--opc-teal-700);font-weight:600}.opc-pipe:before{content:"｜";color:var(--opc-ink-4);font-weight:400;margin:0 .15em 0 .1em}.opc-ribbon{display:inline-flex;align-items:center;gap:14px;padding:10px 28px;border-radius:var(--opc-radius-pill);background:var(--opc-teal-700);color:#fff;font-family:var(--opc-font-cjk);font-weight:600;font-size:18px;letter-spacing:.02em}.opc-ribbon:before,.opc-ribbon:after{content:"";flex:0 0 auto;width:6px;height:6px;background:currentColor;border-radius:50%;opacity:.35}.opc-diamond{display:inline-block;width:10px;height:10px;transform:rotate(45deg);background:var(--opc-gold-500)}.opc-rule{display:block;width:28px;height:2px;background:var(--opc-ink-1);border:0;margin:12px 0 14px}@keyframes opc-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes opc-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}@keyframes opc-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:1}}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,rgba(15,118,94,.06),transparent 270px),var(--opc-surface-warm)}button{font-family:var(--opc-font-cjk)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--opc-line-1);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--opc-ink-5);background-clip:content-box}@keyframes opc-spin{to{transform:rotate(360deg)}}.opc-spin{animation:opc-spin .9s linear infinite}@keyframes opc-blink{50%{opacity:0}}.opc-blink{animation:opc-blink 1s step-end infinite;color:var(--opc-teal-700)}.wb-topbar{margin-bottom:18px}.wb-topbar h2{margin:0;font-size:25px;line-height:1.22;color:var(--opc-ink-1)}.wb-topbar p{margin:7px 0 0;max-width:820px;color:var(--opc-ink-4);font-size:14px;line-height:1.65}.wb-grid{display:grid;gap:14px}.wb-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.wb-wide-left{grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr)}.wb-three-work{grid-template-columns:300px minmax(320px,.92fr) minmax(360px,1.08fr)}.wb-report-layout{grid-template-columns:220px minmax(0,1fr) 310px}.wb-customer-layout{grid-template-columns:330px minmax(0,1fr)}.wb-grid>*{min-width:0}.wb-panel{border:1px solid var(--opc-line-1);border-radius:var(--opc-radius-md);background:var(--opc-surface-card);box-shadow:var(--opc-shadow-2);overflow:hidden}.wb-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--opc-line-1);background:var(--opc-surface-sunken)}.wb-panel-head h3{margin:0;font-size:16px;line-height:1.3;color:var(--opc-ink-1)}.wb-panel-head p{margin:5px 0 0;color:var(--opc-ink-4);font-size:13px;line-height:1.55}.wb-panel-body{padding:16px}.wb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 12px;border:1px solid var(--opc-line-1);border-radius:7px;color:var(--opc-ink-1);background:#fff;font-weight:700;white-space:nowrap;cursor:pointer;font-family:var(--opc-font-cjk)}.wb-btn:hover{border-color:var(--opc-teal-400)}.wb-btn.primary{color:#fff;border-color:var(--opc-teal-700);background:var(--opc-teal-700)}.wb-btn.primary:hover{background:var(--opc-teal-800);border-color:var(--opc-teal-800)}.wb-btn.ghost{color:var(--opc-teal-700);border-color:var(--opc-teal-300);background:var(--opc-teal-100)}.wb-btn:disabled{opacity:.5;cursor:not-allowed}.wb-metric{position:relative;min-height:120px;padding:17px;border:1px solid var(--opc-line-1);border-radius:var(--opc-radius-md);background:#fff;box-shadow:var(--opc-shadow-2);overflow:hidden}.wb-metric:after{content:"";position:absolute;right:14px;bottom:14px;width:54px;height:6px;border-radius:99px;background:var(--opc-teal-100)}.wb-metric span{display:block;color:var(--opc-ink-4);font-size:13px;font-weight:700}.wb-metric strong{display:block;margin-top:11px;font-size:34px;line-height:1;color:var(--opc-ink-1)}.wb-metric em{display:block;margin-top:10px;color:var(--opc-teal-700);font-size:12px;font-style:normal;font-weight:800}.wb-tag{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:999px;color:var(--opc-teal-700);background:var(--opc-teal-100);font-size:12px;font-weight:800;white-space:nowrap}.wb-tag.blue{color:var(--opc-info);background:var(--opc-info-soft)}.wb-tag.amber{color:var(--opc-warn);background:var(--opc-warn-soft)}.wb-tag.red{color:var(--opc-danger);background:var(--opc-danger-soft)}.wb-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--opc-line-1);border-radius:7px;background:#fff}.wb-row+.wb-row{margin-top:10px}.wb-row strong{display:block;margin-bottom:4px;font-size:14px;line-height:1.35;color:var(--opc-ink-1)}.wb-row span,.wb-row p{margin:0;color:var(--opc-ink-4);font-size:12px;line-height:1.55}.wb-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.wb-flow-step{min-height:104px;padding:14px;border:1px solid var(--opc-line-1);border-radius:var(--opc-radius-md);background:#fff}.wb-flow-step b{display:block;margin:9px 0 5px;font-size:14px;color:var(--opc-ink-1)}.wb-flow-step span{color:var(--opc-ink-4);font-size:12px;line-height:1.5}.wb-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wb-field{display:grid;gap:6px;color:var(--opc-ink-4);font-size:12px;font-weight:800}.wb-input{width:100%;border:1px solid var(--opc-line-1);border-radius:7px;color:var(--opc-ink-1);background:#fff;padding:10px 11px;outline:0;font:inherit}.wb-input:focus{border-color:var(--opc-teal-500)}textarea.wb-input{min-height:122px;resize:vertical;line-height:1.65}.wb-upload{display:grid;place-items:center;min-height:164px;padding:22px;border:1px dashed var(--opc-teal-400);border-radius:8px;background:var(--opc-surface-sunken);text-align:center}.wb-upload strong{display:block;margin-bottom:8px;color:var(--opc-ink-1)}.wb-upload p{margin:0;color:var(--opc-ink-4);font-size:13px;line-height:1.6}.wb-report-menu{display:grid;gap:8px}.wb-report-menu button{width:100%;min-height:38px;padding:9px 10px;border:1px solid var(--opc-line-1);border-radius:7px;color:var(--opc-ink-4);background:#fff;text-align:left;font-weight:800;cursor:pointer;font-family:var(--opc-font-cjk)}.wb-report-menu button.active{color:#fff;border-color:var(--opc-teal-700);background:var(--opc-teal-700)}.wb-doc{margin:0;padding:16px;border:1px solid var(--opc-line-1);border-radius:8px;background:#fff;white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.75;color:var(--opc-ink-2)}.wb-decision{padding:14px;border:1px solid #efc9c9;border-radius:8px;color:#7d2929;background:var(--opc-danger-soft);line-height:1.65}.wb-list-card{width:100%;padding:13px;border:1px solid var(--opc-line-1);border-radius:8px;background:#fff;text-align:left;cursor:pointer;display:block;font-family:var(--opc-font-cjk)}.wb-list-card+.wb-list-card{margin-top:10px}.wb-list-card.active{border-color:var(--opc-teal-700);background:var(--opc-teal-100)}.wb-list-card strong{display:block;margin:7px 0 5px;font-size:14px;line-height:1.4;color:var(--opc-ink-1)}.wb-list-card span,.wb-list-card p{margin:0;color:var(--opc-ink-4);font-size:12px;line-height:1.55}.wb-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wb-kv>div{padding:12px;border:1px solid var(--opc-line-1);border-radius:7px;background:#fff}.wb-kv span{display:block;color:var(--opc-ink-4);font-size:12px;font-weight:800}.wb-kv strong{display:block;margin-top:7px;font-size:14px;color:var(--opc-ink-1)}.wb-editor{min-height:520px;padding:16px;border:1px solid var(--opc-line-1);border-radius:8px;background:#fff;line-height:1.75;white-space:pre-wrap;color:var(--opc-ink-2);font-family:inherit;font-size:14px;width:100%;resize:vertical;outline:0}.wb-editor:focus{border-color:var(--opc-teal-500)}@media(max-width:1120px){.wb-cols-4,.wb-cols-3,.wb-cols-2,.wb-wide-left,.wb-three-work,.wb-report-layout,.wb-customer-layout,.wb-flow,.wb-form-grid,.wb-kv{grid-template-columns:1fr}}