@charset "UTF-8";
:root{--bf-bg:#071322;--bf-panel:#0e2034;--bf-line:#26384c;--bf-text:#edf5fc;--bf-muted:#a3b5c8;--bf-cyan:#69eadb;--bf-blue:#668cff}
.company{margin:0;background:var(--bf-bg);color:var(--bf-text);font-family:Inter,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.company *,.bf-header *,.bf-footer *{box-sizing:border-box}.company a{color:inherit;text-decoration:none}.company button,.company input,.company select,.company textarea{font:inherit}.company button{cursor:pointer}.company h1,.company h2,.company h3,.company p{margin:0}.company h1,.company h2,.company h3{line-height:1.25}.company a:focus-visible,.company button:focus-visible,.company input:focus-visible,.company textarea:focus-visible,.company select:focus-visible,.bf-header a:focus-visible{outline:2px solid var(--bf-cyan);outline-offset:5px}
.skip{position:fixed;left:20px;top:-80px;z-index:1000;padding:12px;background:#fff;color:#071322!important}.skip:focus{top:10px}.bf-header{position:sticky;top:0;z-index:100;background:rgba(7,19,34,.94);backdrop-filter:blur(18px);border-bottom:1px solid #243447;color:var(--bf-text);font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;line-height:1.4}.bf-header .bf-nav{height:86px;max-width:1376px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.bf-brand{display:flex!important;align-items:center;gap:11px;text-decoration:none!important;color:#edf5fc!important;flex-shrink:0}.bf-brand svg{width:36px;height:36px;flex:none}.bf-brand strong{font-size:17px;letter-spacing:.3px;display:block}.bf-brand small{font-size:10px;letter-spacing:2.5px;color:#a3b5c8;display:block;margin-top:4px}.bf-brand em{color:var(--bf-cyan);font-style:normal}.bf-links{display:flex;align-items:center;gap:30px}.bf-links a{font-size:13px;text-decoration:none;color:#b1c2d2;white-space:nowrap}.bf-links a:hover,.bf-links a[aria-current=page]{color:var(--bf-cyan)}.bf-links .nav-action{border:1px solid #4b6b77;border-radius:6px;padding:11px 18px;color:var(--bf-text)}.bf-menu{display:none;border:1px solid #506176;background:none;color:#fff;border-radius:5px;padding:8px 12px;font:inherit}.bf-width{max-width:1280px;margin:auto;width:calc(100% - 96px)}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;align-items:center;gap:30px;position:relative;padding:66px 0 48px}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--bf-cyan);display:flex;align-items:center;gap:12px;margin-bottom:24px!important;font-weight:600}.eyebrow:before{content:"";width:22px;height:1px;background:var(--bf-cyan)}.hero h1{font-size:clamp(52px,5.6vw,82px);line-height:1.02;letter-spacing:-3px;font-weight:600}.hero h1 .flow{color:var(--bf-cyan)}.hero h2{font-size:clamp(23px,2.2vw,32px);font-weight:500;margin:28px 0 18px;letter-spacing:.5px}.hero .intro{max-width:470px;font-size:15px;color:var(--bf-muted);line-height:1.9}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.bf-btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--bf-cyan);border-radius:6px;padding:13px 23px;background:var(--bf-cyan);color:#071322!important;font-weight:600;font-size:14px;text-decoration:none}.bf-btn.secondary{background:transparent;color:#edf5fc!important;border-color:#3c5167}.bf-btn:hover{filter:brightness(1.12)}.small-note{font-size:11px;color:#8297ac;margin-top:22px!important}.visual{min-height:500px;position:relative;background:radial-gradient(ellipse at center,#153649 0%,#0a1b2c 50%,transparent 72%);border:1px solid #263b4e;border-radius:14px;overflow:hidden}.visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#325c701f 1px,transparent 1px),linear-gradient(90deg,#325c701f 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}.visual canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.visual-label{position:absolute;z-index:2;left:24px;top:23px;font:10px ui-monospace,monospace;letter-spacing:1.8px;color:#b5c9d9}.visual-label:before{content:"";display:inline-block;background:#69eadb;width:5px;height:5px;border-radius:50%;margin-right:8px}.visual-bottom{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:end;justify-content:space-between;z-index:2;pointer-events:none}.visual-bottom p{font-size:12px;color:#b5c9d9}.visual-bottom strong{font-size:19px;color:#e0efff;font-weight:400;display:block}.motion-btn{pointer-events:auto;background:#0b1c2dcc;border:1px solid #425a6f;border-radius:5px;color:#c1d1df;font-size:11px!important;padding:7px 10px}.coordinates{position:absolute;right:22px;top:22px;font:10px ui-monospace,monospace;color:#728da2}.cap-strip{border-top:1px solid var(--bf-line);border-bottom:1px solid var(--bf-line);display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;margin-bottom:16px}.cap-strip div{border-right:1px solid var(--bf-line);padding-left:30px}.cap-strip div:first-child{padding-left:0}.cap-strip div:last-child{border:0}.cap-strip small{font:10px ui-monospace,monospace;color:#7e9ab3;letter-spacing:1.3px}.cap-strip p{font-size:14px;margin-top:7px}
.section{padding:86px 0;border-bottom:1px solid var(--bf-line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section h2,.page-heading h1{font-size:clamp(28px,3.3vw,44px);font-weight:500;letter-spacing:-.8px}.section-head>p{font-size:14px;color:var(--bf-muted);max-width:350px}.text-link{font-size:13px;color:var(--bf-cyan)!important;display:inline-flex;gap:24px;align-items:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:30px;border:1px solid var(--bf-line);border-radius:9px;background:linear-gradient(145deg,#102235,#0b1a2a);display:flex;flex-direction:column;min-width:0;transition:border-color .2s}.feature-card:hover{border-color:#587181}.card-index{font:11px ui-monospace,monospace;color:#7891aa;letter-spacing:1px;margin-bottom:36px}.card-icon{width:40px;height:40px;margin:0 0 25px;color:var(--bf-cyan)}.feature-card h3{font-size:21px;font-weight:500;margin-bottom:14px}.feature-card p{font-size:13px;color:var(--bf-muted);margin-bottom:26px;line-height:1.85}.feature-card .text-link{margin-top:auto}.status-tag{display:inline-block;font:10px ui-monospace,monospace;color:var(--bf-cyan);border:1px solid #345c5d;border-radius:20px;padding:4px 9px;letter-spacing:1px}.project-band{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.project-art{background:linear-gradient(140deg,#153441,#0c2033);border:1px solid #2d4956;border-radius:8px;min-height:315px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-art svg{width:85%;max-height:270px}.project-art .art-label{position:absolute;bottom:20px;left:23px;font:11px ui-monospace,monospace;color:#a1bdc9}.project-copy p{margin:20px 0 26px;color:var(--bf-muted);font-size:14px;max-width:450px}.split-line{display:flex;gap:14px;flex-wrap:wrap;font:11px ui-monospace,monospace;color:#8ea8b9}.split-line span{padding:7px 10px;border:1px solid #31465a;border-radius:4px}.learn-band{display:grid;grid-template-columns:1fr 1fr;gap:90px}.learn-band p{color:var(--bf-muted);font-size:14px;margin:22px 0}.lesson-row{display:flex;gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid var(--bf-line)}.lesson-row:first-child{padding-top:0}.lesson-row span{font:11px ui-monospace,monospace;color:#718da7}.lesson-row strong{font-size:15px;font-weight:500;flex:1}.lesson-row i{font-style:normal;color:var(--bf-cyan)}.cta-band{padding:60px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:30px;font-weight:500}.cta-band p{color:var(--bf-muted);font-size:14px;margin-top:12px}.bf-footer{background:#06101c;color:#a5b6c7;font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;padding:46px 0 25px;font-size:12px;line-height:1.8;border-top:1px solid #26384c}.bf-footer .bf-width{display:block}.bf-foot-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.bf-footer a{color:#a5b6c7;text-decoration:none}.bf-footer a:hover{color:#69eadb}.bf-footer p{margin:16px 0;color:#869aae}.foot-col{display:flex;flex-direction:column;gap:10px}.foot-col strong{color:#ecf5fb;font-size:12px;margin-bottom:7px}.foot-bottom{border-top:1px solid #26384c;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7b90a3}.foot-policies{display:flex;flex-wrap:wrap;gap:18px}.page-heading{padding:68px 0 42px;max-width:820px}.page-heading>p:last-child{color:var(--bf-muted);font-size:15px;margin-top:24px;max-width:660px}.breadcrumb{font-size:12px;color:#91a7bb;margin-bottom:32px}.breadcrumb a{color:#69eadb}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.tabs button{border:1px solid #354c62;color:#a7bed1;background:transparent;padding:9px 19px;border-radius:30px;font-size:12px}.tabs button[aria-pressed=true]{background:var(--bf-cyan);color:#071322;border-color:var(--bf-cyan)}.course-card{border:1px solid var(--bf-line);border-radius:9px;overflow:hidden;background:#0c1c2e;display:flex;flex-direction:column}.course-art{height:158px;background:linear-gradient(130deg,#173b4a,#0d2236);position:relative;overflow:hidden;padding:22px}.course-art .course-no{font:60px ui-monospace,monospace;color:#6fe9db26;position:absolute;right:18px;bottom:-8px;letter-spacing:-5px}.course-art svg{width:110px;height:110px;position:absolute;right:25px;top:20px;color:#72dccb}.course-art span{font:10px ui-monospace,monospace;color:#a1cbc8;letter-spacing:1.4px}.course-content{padding:25px;display:flex;flex:1;flex-direction:column}.course-content h3{font-size:19px;font-weight:500;margin-bottom:14px}.course-content p{font-size:13px;color:var(--bf-muted);margin-bottom:25px}.course-price{margin-top:auto;padding-top:20px;border-top:1px solid #26384c;display:flex;justify-content:space-between;align-items:end;gap:10px}.course-price b{font-size:21px;font-weight:500}.course-price small{font-size:10px;color:#91a8bf;display:block}.info-box{padding:20px 24px;border:1px solid #365264;border-left:2px solid var(--bf-cyan);background:#102537;border-radius:5px;font-size:13px;color:#acc1d2;margin-bottom:32px}.info-box strong{color:#eaf4fc}.company [hidden]{display:none!important}.content-space{padding-bottom:80px}.article-layout{display:grid;grid-template-columns:220px 1fr;gap:65px;padding-bottom:80px}.article-sidebar{position:sticky;top:120px;height:max-content;border-top:1px solid #355165;padding-top:18px;font-size:12px;color:#94adbf}.article-sidebar a{display:block;margin:16px 0;color:#b7c9d8}.article-content{max-width:780px}.article-content h2{font-size:24px;font-weight:500;margin:40px 0 20px}.article-content h2:first-child{margin-top:0}.article-content p,.article-content li{color:#b7c8d8;font-size:15px;line-height:1.95}.article-content p{margin:16px 0}.article-content ul,.article-content ol{padding-left:23px}.article-content li{padding:5px 0}.example{background:#102338;border:1px solid #2a455c;padding:24px;border-radius:8px;margin:22px 0;color:#d0e4ef;font-size:14px;white-space:pre-wrap}.tool-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:26px}.tool-panel{border:1px solid #2a4055;border-radius:10px;padding:26px;background:#0d1f32;min-width:0}.tool-panel h2{font-size:20px;font-weight:500;margin-bottom:14px}.tool-panel p{color:#a3b9cc;font-size:13px}.tool-panel label{font-size:12px;display:block;color:#b6cadd;margin:20px 0 9px}.tool-panel input:not([type=range]),.tool-panel select,.tool-panel textarea{width:100%;background:#081727;border:1px solid #38556f;border-radius:5px;color:#e0edf6;padding:11px 13px;box-sizing:border-box;min-width:0}.tool-panel textarea{min-height:90px;resize:vertical}.tool-panel input[type=range]{width:100%;accent-color:#69eadb}.tool-view{height:370px;min-height:370px;margin-top:16px}.tool-view .visual-label{font-size:9px}.tool-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tool-buttons .bf-btn{padding:10px 15px;font-size:12px;gap:12px}.tool-result{white-space:pre-wrap;font-size:13px;background:#081625;border:1px solid #294259;padding:18px;border-radius:6px;color:#b9cedf;min-height:70px;margin-top:20px}.tool-message{min-height:23px;font-size:12px;color:#88d6cb;margin-top:14px!important}.file-label{border:1px dashed #537185;padding:15px!important;border-radius:6px;cursor:pointer}.file-label input{font-size:11px;margin-top:10px}.chat-log{max-height:360px;overflow:auto;display:grid;gap:14px;margin-top:18px}.chat-message{font-size:13px;white-space:pre-wrap;padding:15px;background:#132d42;border-radius:8px;word-break:break-word}.chat-message.user{background:#1a3946}.chat-message strong{display:block;font-size:10px;letter-spacing:1.5px;color:#69eadb;margin-bottom:5px}.bf-preview{padding:9px 20px;background:#183549;text-align:center;font:12px/1.6 "Segoe UI","Microsoft JhengHei",sans-serif;color:#c0d8e7}.bf-preview a{color:#75edda}.legacy-company{--accent:#176a78;--accent-soft:#e5f4f4;--paper:#f5f8fa;--paper-2:#eaf0f5}.legacy-company .bf-header .bf-nav{width:auto;max-width:1376px}.legacy-company .bf-links{width:auto;margin:0;padding:0}.legacy-company .bf-header .bf-links a{font-weight:400}.legacy-company .bf-header .bf-nav>div{margin:0}.legacy-company .bf-footer{margin-top:40px}.legacy-company .bf-footer .bf-brand{max-width:none}.legacy-company .bf-header~main{padding-top:35px}
@media(min-width:1500px){.hero{min-height:740px}.visual{min-height:550px}}
@media(max-width:1050px){.bf-header .bf-nav{padding:0 28px;gap:20px}.bf-links{gap:18px}.bf-width{width:calc(100% - 56px)}.hero{min-height:610px;gap:18px}.hero h1{font-size:62px}.visual{min-height:450px}.project-band{gap:36px}.learn-band{gap:40px}.cards{gap:14px}.feature-card{padding:24px}.bf-links a{font-size:12px}.article-layout{gap:35px;grid-template-columns:180px 1fr}}
@media(max-width:780px){.bf-header .bf-nav{height:72px;padding:0 22px}.bf-brand strong{font-size:15px}.bf-brand small{font-size:8px}.bf-menu{display:block}.bf-links{display:none;position:absolute;top:72px;left:0;right:0;padding:25px;background:#0b1b2d;border-bottom:1px solid #354d60;flex-direction:column;align-items:stretch;gap:0}.bf-links.open{display:flex}.bf-links a{padding:14px;font-size:14px}.bf-links .nav-action{margin-top:12px;text-align:center}.bf-width{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding:46px 0 32px;gap:36px}.hero h1{font-size:62px}.hero h2{font-size:26px;margin-top:24px}.hero .intro{font-size:14px}.visual{min-height:360px}.hero .visual{height:380px}.cap-strip{grid-template-columns:1fr 1fr;gap:24px;padding:26px 0}.cap-strip div:nth-child(3){padding-left:0}.cap-strip div:nth-child(2){border:0}.cap-strip p{font-size:12px}.cap-strip small{font-size:9px}.section{padding:56px 0}.section-head{display:block}.section-head>p{margin-top:18px}.section h2{font-size:29px}.cards{grid-template-columns:1fr}.feature-card{padding:28px}.card-index{margin-bottom:23px}.project-band,.learn-band,.tool-grid{grid-template-columns:1fr;gap:30px}.project-art{min-height:270px}.cta-band{padding:45px 0;align-items:start;flex-direction:column;gap:24px}.cta-band h2{font-size:26px}.bf-foot-top{grid-template-columns:1fr 1fr;gap:30px}.bf-foot-top>div:first-child{grid-column:1/-1}.foot-bottom{flex-direction:column}.page-heading{padding:44px 0 32px}.page-heading h1{font-size:34px}.article-layout{grid-template-columns:1fr;gap:25px}.article-sidebar{position:static;display:flex;gap:15px;flex-wrap:wrap}.article-sidebar a{margin:0}.article-sidebar>strong{width:100%}.course-art{height:145px}.course-price b{font-size:22px}.tool-panel{padding:21px}.tool-view{min-height:320px;height:320px}.actions .bf-btn{font-size:13px;padding:12px 18px;gap:16px}.eyebrow{font-size:9px;letter-spacing:2px}.content-space{padding-bottom:55px}.legacy-company .bf-header .bf-links{padding:25px}.legacy-company .bf-header .bf-nav{padding:0 20px}.legacy-company .bf-footer .bf-width{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.license-link{margin:0;padding:16px;text-align:center;background:#27353e;color:#d8d7cf;font-size:13px}.business-policy{line-height:1.85;padding:24px;margin:40px auto;max-width:1140px}[hidden]{display:none!important}