:root{--bg:#f7f8f2;--surface:#fff;--ink:#192d2a;--muted:#6c7870;--line:#dde3d9;--lime:#d5f25c;--orange:#f29664;--soft:#edf1e6;--header:rgba(247,248,242,.92);--focus:#347363;color-scheme:light}
:root[data-theme=dark]{--bg:#121d1b;--surface:#1b2925;--ink:#edf2e7;--muted:#a4b2a8;--line:#34413b;--soft:#24332b;--header:rgba(18,29,27,.95);--focus:#d5f25c;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button{color:inherit}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-60px;left:20px;background:var(--lime);color:#192d2a;padding:12px;z-index:99}.skip-link:focus{top:12px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:43px;height:43px}.brand strong{display:block;font-size:21px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:4px;color:var(--muted)}.desktop-nav{display:flex;gap:31px;font-size:13px;color:var(--muted)}.desktop-nav a:hover{color:var(--ink)}.header-tools{display:flex;gap:13px;align-items:center}.theme-toggle{width:39px;height:39px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%}.theme-toggle:hover{background:var(--soft)}.friend-button{border:0;background:var(--ink);color:var(--bg);padding:11px 19px;border-radius:25px;font-size:12px;white-space:nowrap}.friend-button span{margin-left:13px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;padding-block:61px 55px;min-height:493px;gap:30px}.eyebrow{font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:9px;margin:0 0 22px;color:var(--muted)}.eyebrow>span{width:7px;height:7px;background:#73a954;border-radius:50%}.hero h1{font-size:66px;font-weight:850;letter-spacing:-2px;line-height:1.22;margin:0 0 29px}.highlight{position:relative;z-index:0}.highlight:before{content:"";position:absolute;left:-6px;right:-8px;bottom:8px;height:25px;background:var(--lime);z-index:-1;transform:rotate(-2deg);opacity:.82}.highlight svg{position:absolute;left:0;bottom:-16px;width:100%;height:18px;stroke:#efa675;stroke-width:3}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 23px}.hero-actions{display:flex;align-items:center;gap:23px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:26px;background:var(--lime);color:#192d2a;padding:15px 21px;border-radius:9px;font-size:13px;font-weight:700;border:0;transition:transform .15s,filter .15s}.primary-button:hover{filter:brightness(.96);transform:translateY(-2px)}.douyin-link{font-size:12px;border-bottom:1px solid var(--line);padding-block:7px}.douyin-link span{margin-left:9px}.hero-note{font-size:10px;margin-top:22px;color:var(--muted);display:flex;align-items:center;gap:8px;letter-spacing:.5px}.small-star{font-size:16px;color:#729859}.hero-art{position:relative;height:367px;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:26px 0 20px;background:radial-gradient(ellipse,#e4edc0 0,transparent 68%);z-index:-1}.hero-cube{position:relative;max-width:100%;width:255px;height:276px;object-fit:contain;transform:rotate(-7deg);filter:drop-shadow(0 20px 13px rgba(30,50,35,.12));z-index:2}.orbit{position:absolute;border:1px solid #bcc9b3;border-radius:50%;width:420px;height:216px;transform:rotate(-29deg)}.orbit-two{width:385px;height:270px;transform:rotate(24deg);opacity:.55}.orbit-dot{position:absolute;width:15px;height:15px;border:4px solid var(--bg);background:#8eae4e;border-radius:50%;left:7%;bottom:25%}.orbit-spark{position:absolute;right:8%;top:24%;color:#d69975;font-size:36px}.art-label{position:absolute;top:3px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:2px;color:var(--muted);white-space:nowrap}.art-label-dot{width:5px;height:5px;border-radius:50%;background:var(--ink)}.handwritten{position:absolute;bottom:1px;right:14%;font-size:16px;font-family:"KaiTi","STKaiti",serif;transform:rotate(-5deg);letter-spacing:2px}.mini-tag{position:absolute;font-size:11px;font-weight:700;border-radius:7px;padding:9px 12px;z-index:3;box-shadow:0 5px 14px #172a1812}.tag-one{left:5%;top:23%;background:var(--surface);transform:rotate(-8deg)}.tag-two{right:1%;bottom:19%;background:#ffe0c5;color:#61442f;transform:rotate(8deg)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:20px}.section-kicker{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:2px;margin:0 0 10px}.section-heading h2{font-size:26px;letter-spacing:-.5px;margin:0}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 3px}.practice-section{scroll-margin-top:30px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.practice-card{padding:26px 28px 0;border-radius:15px;overflow:hidden}.zbll-card{background:#233b34;color:#edf4e6}.zbls-card{background:#e9eedd;color:#253b32;border:1px solid #dde6cf}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-label{font-size:10px;letter-spacing:1px}.case-count{font-size:9px;border:1px solid #92a98455;border-radius:20px;padding:5px 10px}.zbll-card .card-label{color:#d1e78a}.zbls-card .card-label{color:#61744b}.card-body{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 0 8px}.card-body h3{font-size:37px;font-weight:800;letter-spacing:1px;line-height:1;margin:0 0 15px}.card-body h3 span{font-size:21px;font-weight:650;letter-spacing:0}.card-body p{font-size:11px;line-height:1.9;margin:0;opacity:.76}.card-body img{width:118px;height:115px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 4px #061b2219);transform:rotate(5deg)}.card-chips{display:flex;gap:7px;margin-bottom:23px}.card-chips span{font-size:9px;padding:5px 8px;border:1px solid #8ca17f50;border-radius:5px}.zbll-card .card-chips{color:#d2dccd}.zbls-card .card-chips{color:#68765d}.card-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #8ca17f50;padding:18px 0;gap:14px}.card-main-link{display:flex;align-items:center;justify-content:space-between;gap:36px;font-size:12px;font-weight:700}.zbll-card .card-main-link{color:var(--lime)}.smart-link{display:flex;align-items:center;gap:6px;font-size:10px;opacity:.83}.smart-link svg{width:13px;height:15px}.smart-link>span{margin-left:5px}.card-actions a:hover{text-decoration:underline;text-underline-offset:4px}.practice-footnote{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:17px;font-size:10px;color:var(--muted)}.practice-footnote>span:first-child{display:flex;align-items:center;gap:7px}.practice-footnote svg{width:12px;height:12px}.preview-label{font-size:9px;white-space:nowrap}.guide-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:90px;padding-block:74px;border-bottom:1px solid var(--line)}.guide-intro h2{font-size:30px;line-height:1.5;margin:0 0 18px}.guide-intro>p:last-child{font-size:12px;color:var(--muted);line-height:1.9}.guide-list details{border-bottom:1px solid var(--line)}.guide-list details:first-child{border-top:1px solid var(--line)}.guide-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:21px 0}.guide-list summary::-webkit-details-marker{display:none}.guide-number{font-size:11px;color:var(--muted);font-family:Consolas,monospace}.guide-list summary>span:nth-child(2){font-size:14px;flex:1;font-weight:650}.guide-list small{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:7px}.expand{border:1px solid var(--line);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:15px;flex-shrink:0;transition:transform .2s}.guide-list details[open] .expand{transform:rotate(45deg)}.guide-list details>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 36px 23px}.about-section{padding-block:67px;display:grid;grid-template-columns:.96fr 1fr;gap:85px;align-items:center}.about-copy h2{font-size:31px;line-height:1.5;margin:0 0 23px}.about-copy>p:not(.section-kicker){font-size:13px;line-height:1.9;color:var(--muted)}.about-copy .about-secondary{font-size:11px!important;margin:19px 0 24px;max-width:370px}.about-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:7px;display:inline-block}.about-link span{margin-left:20px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:470px;margin-left:auto}.story{margin:0;position:relative;overflow:hidden;border-radius:10px}.story img{display:block;width:100%;height:300px;object-fit:cover;object-position:50% 47%}.story-two{transform:translateY(23px)}.story figcaption{position:absolute;inset:auto 0 0;padding:30px 14px 15px;background:linear-gradient(transparent,#152c23d9);color:#fff}.story figcaption span{font-size:9px;display:block;margin-bottom:5px;opacity:.9}.story figcaption strong{font-size:12px}.site-footer{border-top:1px solid var(--line);padding-block:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer>div:first-child{display:flex;align-items:center;gap:18px}.site-footer strong{font-size:13px}.site-footer span{font-size:10px;color:var(--muted)}.footer-meta{display:flex;gap:20px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:38px;width:min(440px,calc(100% - 32px));text-align:center;box-shadow:0 25px 80px #0003}dialog::backdrop{background:#14242090;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:13px;top:11px;border:0;background:transparent;font-size:26px;color:var(--muted);width:35px;height:35px}.dialog-brand{margin-bottom:18px}dialog h2{font-size:26px;margin:12px 0 16px}dialog>p:not(.section-kicker){font-size:12px;color:var(--muted);line-height:1.9}.login-plan{background:var(--soft);text-align:left;border-radius:10px;padding:18px;margin:23px 0}.login-plan span{font-size:10px;color:var(--muted)}.login-plan p{font-size:12px;line-height:1.8}.login-plan small{font-size:10px;color:var(--muted);line-height:1.8;display:block}.dialog-confirm{width:100%}:root[data-theme=dark] .highlight:before{opacity:.22}:root[data-theme=dark] .hero-art:before{opacity:.12}:root[data-theme=dark] .orbit{border-color:#597050}:root[data-theme=dark] .zbls-card{background:#304036;color:#ebf1e0;border-color:#44563e}:root[data-theme=dark] .zbls-card .card-label,:root[data-theme=dark] .zbls-card .card-chips{color:#c4d4ad}:root[data-theme=dark] .story img{filter:brightness(.78)}
@media(min-width:1500px){.hero{padding-block:75px 65px}.hero h1{font-size:73px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:20px;font-size:11px}.hero h1{font-size:55px}.hero{gap:15px}.hero-art{height:315px}.hero-cube{width:215px;height:240px}.orbit{width:320px;height:190px}.orbit-two{width:300px;height:225px}.hero-actions{gap:16px}.hero-description{font-size:12px}.douyin-link{font-size:10px}.primary-button{gap:17px}.card-body h3{font-size:31px}.card-body img{width:88px;height:95px}.practice-card{padding:23px 23px 0}.guide-section{gap:45px}.about-section{gap:40px}.story img{height:265px}.card-main-link{gap:23px}.smart-link{font-size:9px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{height:80px;gap:12px}.desktop-nav{display:none}.brand strong{font-size:18px}.brand small{font-size:7px;letter-spacing:2px}.brand{gap:9px}.brand img{width:35px;height:35px}.header-tools{gap:8px}.theme-toggle{width:33px;height:33px}.theme-toggle svg{width:17px;height:17px}.friend-button{padding:9px 12px;font-size:10px}.friend-button span{margin-left:5px}.hero{padding-block:38px 36px;grid-template-columns:1fr;min-height:auto}.hero-copy{position:relative}.hero h1{font-size:47px;margin-bottom:26px;letter-spacing:-1px}.eyebrow{font-size:9px;letter-spacing:.2px;margin-bottom:20px}.hero-description{font-size:12px;line-height:1.9;max-width:320px}.hero-art{display:none}.hero-actions{gap:17px}.primary-button{font-size:11px;padding:13px 16px;gap:14px}.hero-note{font-size:9px;margin-top:17px}.hero-note .small-star{font-size:13px}.section-heading{margin-bottom:17px;align-items:center}.section-heading h2{font-size:23px}.section-heading>p{display:none}.section-kicker{font-size:8px;letter-spacing:1.6px}.practice-grid{grid-template-columns:1fr;gap:15px}.practice-card{padding:21px 21px 0}.card-body{margin-block:14px 10px}.card-body h3{font-size:34px}.card-body h3 span{font-size:20px}.card-body img{width:102px;height:106px}.card-body p{font-size:10px}.card-label,.case-count{font-size:9px}.card-chips{margin-bottom:17px}.card-actions{padding:15px 0}.card-main-link{font-size:12px;gap:28px}.smart-link{font-size:10px}.practice-footnote{align-items:flex-start;font-size:9px}.practice-footnote>span:first-child{line-height:1.8;align-items:flex-start}.practice-footnote svg{flex-shrink:0;margin-top:2px}.preview-label{font-size:8px;padding-top:3px}.guide-section{grid-template-columns:1fr;padding-block:46px;gap:16px}.guide-intro h2{font-size:26px;line-height:1.4}.guide-intro h2 br{display:none}.guide-intro>p:last-child br{display:none}.guide-intro>p:last-child{font-size:11px;margin-bottom:10px}.guide-list summary{padding:20px 0}.guide-list summary>span:nth-child(2){font-size:12px}.guide-list small{font-size:9px}.guide-list details>p{font-size:11px;margin-left:31px}.about-section{grid-template-columns:1fr;padding-block:45px 55px;gap:27px}.about-copy h2{font-size:27px;line-height:1.4;margin-bottom:18px}.about-copy>p:not(.section-kicker){font-size:12px}.about-copy .about-secondary{max-width:none}.story-grid{width:100%;max-width:none;margin:0}.story img{height:280px}.story-two{transform:translateY(16px)}.site-footer{align-items:flex-start;gap:16px}.site-footer>div:first-child{display:block}.site-footer strong{display:block;font-size:12px;margin-bottom:8px}.site-footer span{font-size:9px}.footer-meta{flex-direction:column;gap:8px;align-items:flex-end}.desktop-break{display:none}dialog{padding:32px 23px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.brand strong{font-size:16px}.friend-button{padding:8px 10px}.hero h1{font-size:43px}.hero-actions{gap:12px}.hero-note{letter-spacing:0;font-size:8px}.practice-card{padding-inline:17px}.card-body img{width:84px;height:96px}.card-main-link{gap:18px}.smart-link{font-size:9px}.story img{height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}