:root{color:#0b1739;--blue:#0a73f7;--blue2:#eaf4ff;--ink:#0c1737;--muted:#61708f;--line:#dbe7f5;--soft:#f6fbff;--shadow:0 8px 30px #154a8114;background:#fff;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,100% - 48px);margin:0 auto}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#fffffff5;border-bottom:1px solid #eef4fa;justify-content:space-between;align-items:center;height:78px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{flex-direction:column;line-height:1;display:flex}.brand strong{letter-spacing:-.6px;font-size:26px}.brand strong span{color:var(--blue)}.brand small{color:var(--muted);margin-top:6px;font-size:12px}.site-header nav{align-items:center;gap:30px;display:flex}.site-header nav>a:not(.button){color:#26385e;font-size:15px}.site-header nav>a.active{color:var(--blue);position:relative}.site-header nav>a.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:-10px;left:0;right:0}.button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0877ff,#0067e7);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #0a73f72e}.button-sm{padding:10px 18px}.button-outline{color:var(--blue);box-shadow:none;background:#fff;border:1px solid #82baff}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed}.home-hero,.page-hero{background:linear-gradient(110deg,#f7fcff 0%,#eef8ff 55%,#e3f2ff 100%);grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;min-height:430px;padding:62px max(24px,50vw - 590px);display:grid;overflow:hidden}.home-copy h1,.page-hero h1,.detail-hero h1{letter-spacing:-2px;margin:0 0 20px;font-size:56px;line-height:1.12}.home-copy p,.page-hero p,.detail-hero p{color:var(--muted);max-width:660px;font-size:19px}.hero-actions{gap:14px;margin-top:28px;display:flex}.value-row{color:#365477;gap:28px;margin-top:34px;display:flex}.value-row span{align-items:center;gap:8px;display:flex}.value-row svg{color:#0d92a6;width:22px}.dashboard-preview{background:#fff;border:1px solid #d9e9f8;border-radius:18px;padding:22px;transform:rotate(-1deg);box-shadow:0 24px 60px #3170a62e}.preview-top{border-bottom:1px solid #eef4f9;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.preview-top b{color:var(--blue)}.preview-top small{color:var(--muted)}.metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.metrics div{background:#f7fbff;border-radius:10px;padding:14px}.metrics small{color:#7a89a4;display:block}.metrics strong{font-size:24px}.fake-chart{background:linear-gradient(#f8fbff,#fff);border-radius:12px;align-items:end;gap:14px;height:130px;padding:20px;display:flex}.fake-chart i{background:#4ca3ff;border-radius:8px 8px 2px 2px;width:10%}.fake-chart i:first-child{height:38%}.fake-chart i:nth-child(2){height:55%}.fake-chart i:nth-child(3){height:67%}.fake-chart i:nth-child(4){height:60%}.fake-chart i:nth-child(5){height:75%}.fake-chart i:nth-child(6){height:86%}.quick-list{gap:10px;margin-top:14px;display:flex}.quick-list span{background:#f1f7ff;border-radius:7px;padding:8px 10px;font-size:12px}.section{padding:54px 0}.section-soft{background:#f8fbff}.section-title{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.section-title h2{margin:0;font-size:34px}.section-title p{color:var(--muted);margin:6px 0 0}.section-title>a{color:var(--blue);align-items:center;gap:5px;font-weight:700;display:flex}.card-grid{gap:18px;display:grid}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.two{grid-template-columns:repeat(2,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.item-card,.tool-card,.guide-card,.panel,.side-card,.featured-template,.featured-guide{box-shadow:var(--shadow);background:#fff;border:1px solid #dfebf7;border-radius:14px}.item-card{gap:18px;padding:24px;display:flex}.item-card h3,.tool-card h3,.guide-card h3{margin:8px 0;font-size:20px}.item-card p,.tool-card p,.guide-card p{color:var(--muted);margin:8px 0 16px}.icon-box{border-radius:12px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.icon-box svg{width:30px;height:30px}.icon-box.blue{color:#0875ef;background:#e2f1ff}.icon-box.green{color:#008e73;background:#ddf8ef}.icon-box.violet{color:#6c38d9;background:#eee7ff}.icon-box.amber{color:#ee9400;background:#fff0d6}.icon-box.teal{color:#078e85;background:#e0f7f4}.icon-box.excel{color:#0b8b53;background:#e6f7ee}.icon-box.xl{width:78px;height:78px}.pill,.tag-row span{color:#0b70e9;background:#e8f4ff;border-radius:999px;padding:5px 10px;font-size:12px;display:inline-block}.text-link{color:var(--blue);align-items:center;gap:5px;font-weight:700;display:inline-flex}.muted-link{color:#9aabc0;font-size:14px}.guide-card{padding-bottom:22px;overflow:hidden}.guide-card h3,.guide-card p,.guide-card .text-link{margin-left:20px;margin-right:20px}.guide-image{background:linear-gradient(135deg,#c9ddef,#edf6fd);height:155px;position:relative}.guide-1{background:linear-gradient(135deg,#8aa7c1,#d9e8f3)}.guide-2{background:linear-gradient(135deg,#93aebd,#e3eff5)}.guide-3{background:linear-gradient(135deg,#c7d3dc,#f3f7fa)}.guide-image:before,.detail-visual:before,.hero-visual:before{content:"";background:linear-gradient(120deg,#0000 25%,#ffffffb3 26%,#0000 27% 55%,#fff9 56%,#0000 57%);position:absolute;inset:0}.guide-image span{color:var(--blue);background:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;position:absolute;top:14px;left:16px}.request-cta{background:linear-gradient(90deg,#e8f6ff,#dff1ff);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:24px 0 48px;padding:24px 30px;display:grid}.request-cta svg{color:var(--blue)}.request-cta h3{margin:0;font-size:22px}.request-cta p{color:var(--muted);margin:4px 0 0}.site-footer{border-top:1px solid #edf3f8;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:36px max(24px,50vw - 590px);display:grid}.footer-links{color:#455878;gap:28px;display:flex}.site-footer>p{text-align:right;color:var(--muted);font-size:13px}.page-hero{min-height:350px}.page-hero-copy h1{font-size:52px}.page-hero-copy{z-index:2;position:relative}.hero-visual{background:linear-gradient(135deg,#d8ecfa,#edf8ff);border-radius:24px;justify-content:center;align-items:center;height:260px;display:flex;position:relative}.glass-card{z-index:2;background:#ffffffd6;border:1px solid #fff;border-radius:16px;width:74%;padding:26px;position:relative;box-shadow:0 20px 40px #2d639626}.glass-card span{color:var(--blue);font-weight:800;display:block}.glass-card strong{font-size:22px}.visual-bars{align-items:end;gap:10px;height:80px;margin-top:20px;display:flex}.visual-bars i{background:#5ca9f9;border-radius:5px;width:24px}.visual-bars i:first-child{height:36px}.visual-bars i:nth-child(2){height:58px}.visual-bars i:nth-child(3){height:72px}.tabs{flex-wrap:wrap;gap:0;margin-top:28px;display:flex}.tabs button{color:#344869;cursor:pointer;background:#fff;border:1px solid #d9e7f4;padding:11px 22px}.tabs button:first-child{border-radius:9px 0 0 9px}.tabs button:last-child{border-radius:0 9px 9px 0}.tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.searchbar{background:#fff;border:1px solid #dbe8f5;border-radius:10px;align-items:center;max-width:640px;margin-top:18px;display:flex;overflow:hidden}.searchbar svg{color:#5f7397;margin-left:16px}.searchbar input{border:0;outline:0;flex:1;padding:14px}.searchbar button{background:var(--blue);color:#fff;border:0;padding:14px 24px}.searchbar.compact{min-width:430px;margin:0}.feature-strip{color:#365273;background:#f0f8ff;border-radius:11px;align-items:center;gap:12px;margin-bottom:28px;padding:14px 18px;display:flex}.feature-strip svg{color:var(--blue)}.tool-card{padding:24px}.tool-card .icon-box{margin-bottom:12px}.tag-row{gap:8px;margin:10px 0;display:flex}.tag-row span{background:#eef7ff}.count{color:var(--muted)}.detail-hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding-top:34px;padding-bottom:34px;display:grid}.breadcrumb{color:#4d6e9a;margin-bottom:30px;font-size:14px}.title-with-icon{align-items:flex-start;gap:20px;display:flex}.title-with-icon h1{margin-bottom:10px;font-size:44px}.detail-visual{color:#0c376c;background:linear-gradient(135deg,#cde5f4,#f5fbff);border-radius:20px;justify-content:flex-end;align-items:flex-end;height:230px;padding:30px;font-size:28px;font-style:italic;font-weight:800;display:flex;position:relative}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.panel{padding:24px}.panel h2{margin:0 0 8px}.panel>p{color:var(--muted)}.form-grid{grid-template-columns:1fr 1fr;gap:18px;margin:22px 0;display:grid}.form-grid label{color:#33496e;flex-direction:column;gap:8px;font-weight:600;display:flex}.form-grid input,.form-grid textarea,.form-grid select{background:#fff;border:1px solid #ccdced;border-radius:8px;outline:none;padding:12px}.span-2{grid-column:span 2}.result-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.result-card{border-radius:12px;padding:18px}.result-card svg{float:left;margin-right:12px}.result-card span{font-weight:700;display:block}.result-card strong{margin-top:6px;font-size:30px;display:block}.result-card.blue{color:#0a62c8;background:#eaf4ff}.result-card.green{color:#067b64;background:#e5f9f0}.result-card.violet{color:#6331c7;background:#f0ebff}.success-note{color:#18734a;background:#e7f8ee;border-radius:11px;margin-top:14px;padding:16px}.formula p{border-bottom:1px dashed #dae7f2;margin:0;padding:12px 0}.related-link{color:#0b6ee8;border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:16px 0;font-weight:700;display:flex}.featured-template,.featured-guide{background:linear-gradient(120deg,#f3faff,#e8f6ff);grid-template-columns:1.4fr .6fr;align-items:center;gap:24px;width:min(1180px,100% - 48px);margin:28px auto 0;padding:28px;display:grid}.mini-sheet{color:#0b8b53;background:#fff;border:1px solid #d8ebe3;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:180px;display:flex}.mini-sheet strong{color:var(--ink);margin-top:8px}.mini-sheet span{color:var(--muted);font-size:13px}.list-toolbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.sheet-preview{box-shadow:var(--shadow);background:#fff;border:1px solid #dbe8f4;border-radius:14px;padding:18px}.sheet-preview strong{font-size:22px}.sheet-preview table{border-collapse:collapse;width:100%;margin-top:14px}.sheet-preview th,.sheet-preview td{text-align:left;border:1px solid #dce7f1;padding:8px;font-size:12px}.ok{color:#078d5b}.warn{color:#d6513c}.template-layout{grid-template-columns:1fr 300px;gap:24px;display:grid}.scenario-grid{margin:18px 0 36px}.scenario,.highlight{background:#fff;border:1px solid #e0ebf5;border-radius:12px;padding:18px}.scenario svg,.highlight svg{color:var(--blue)}.scenario strong,.scenario span{margin-top:8px;display:block}.scenario span{color:var(--muted);font-size:13px}.sheet-list{flex-wrap:wrap;gap:10px;margin:18px 0 34px;display:flex}.sheet-list span{background:#fff;border:1px solid #dfe9f3;border-radius:8px;align-items:center;gap:8px;padding:10px 13px;display:flex}.sheet-list svg{color:#0b8b53}.simple-table{border:1px solid #dfe8f2;border-radius:10px;margin:16px 0 34px;overflow:hidden}.simple-table div{border-bottom:1px solid #e5edf5;grid-template-columns:190px 1fr;display:grid}.simple-table div:last-child{border-bottom:0}.simple-table strong,.simple-table span{padding:10px 14px}.simple-table strong{background:#f7faff}.highlight{gap:12px;display:flex}.highlight p{color:var(--muted);margin:3px 0}.side-card{align-self:start;padding:22px;position:sticky;top:100px}.side-card h3{margin-top:0}.side-card dl{grid-template-columns:90px 1fr;gap:12px;font-size:14px;display:grid}.side-card dt{color:var(--muted)}.side-card dd{margin:0}.side-card .button{margin-top:10px}.featured-guide{grid-template-columns:.9fr 1.1fr}.guide-feature{height:220px}.request-layout{grid-template-columns:1fr 340px;gap:24px;display:grid}.request-form .button{margin-top:16px}.success-text{color:#087b52}.contact-card>div{gap:12px;margin:24px 0;display:flex}.contact-card svg{color:var(--blue)}.contact-card p{flex-direction:column;margin:0;display:flex}.contact-card p span{color:var(--muted);margin-top:4px}.contact-card blockquote{color:#325174;background:#eef8ff;border-radius:10px;margin:24px 0 0;padding:18px}.faq-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.faq-grid div{background:#fff;border:1px solid #e3ecf5;border-radius:12px;padding:20px}.prose{max-width:850px}.prose h2{font-size:28px}.prose p{color:var(--muted);font-size:18px}@media (width<=900px){.site-header{align-items:flex-start;gap:18px;height:auto;padding:18px 20px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:14px}.home-hero,.page-hero,.detail-hero,.two-col,.template-layout,.request-layout,.featured-template,.featured-guide{grid-template-columns:1fr}.home-copy h1,.page-hero h1{font-size:42px}.card-grid.three,.card-grid.four{grid-template-columns:1fr 1fr}.side-card{position:static}.site-footer{grid-template-columns:1fr}.site-footer>p{text-align:left}.list-toolbar{display:block}.searchbar.compact{min-width:0;margin-top:14px}}@media (width<=620px){.wrap{width:min(100% - 28px,1180px)}.site-header{position:static}.brand strong{font-size:22px}.site-header nav>a:not(.button){display:none}.home-hero,.page-hero{grid-template-columns:1fr;padding:40px 20px}.home-copy h1,.page-hero h1,.detail-hero h1{font-size:36px}.dashboard-preview,.hero-visual{display:none}.card-grid.three,.card-grid.two,.card-grid.four,.result-grid,.form-grid,.faq-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.request-cta{grid-template-columns:1fr}.quick-list{flex-wrap:wrap}.section-title{align-items:flex-start;gap:15px}.tabs button{flex:1}.simple-table div{grid-template-columns:1fr}.searchbar.compact{width:100%}}.site-footer{grid-template-columns:1fr auto 1fr}.footer-legal{color:#7a89a4;border-top:1px solid #edf3f8;flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:8px 20px;padding-top:18px;font-size:12px;display:flex}@media (width<=900px){.footer-legal{justify-content:flex-start}}