
.tz-hero{position:relative;background:var(--g-deep);padding:150px 0 110px;overflow:hidden}
.tz-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.3}
.tz-hero-mask{position:absolute;inset:0;background:linear-gradient(105deg,rgba(46,84,62,.86),rgba(62,124,91,.4))}
.tz-hero-box{position:relative;z-index:2;color:#fff}
.tz-crumbs{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#cfe3d4;margin-bottom:26px;flex-wrap:wrap}
.tz-crumbs a{color:#cfe3d4}.tz-crumbs a:hover{color:#fff}.tz-crumbs i{font-style:normal;color:#9dbfa8}
.tz-hero-box h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:2px}
.tz-lead{max-width:740px;margin:20px 0 30px;color:#EAF3EC;font-size:1.05rem;line-height:2}
.tz-facts{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.tz-facts span{background:rgba(255,255,255,.12);border:1px solid rgba(197,224,206,.45);border-radius:99px;padding:8px 18px;font-size:.88rem}
.tz-facts b{color:#C5E0CE;margin-right:6px;font-weight:600}
.tz-acts{display:flex;gap:14px;flex-wrap:wrap}
.tz-acts .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.tz-acts .btn-line:hover{background:rgba(255,255,255,.12)}
.tz-edge{position:absolute;left:0;right:0;bottom:-1px;height:54px;background:var(--paper);clip-path:polygon(0 66%,15% 24%,32% 74%,50% 20%,68% 70%,85% 26%,100% 62%,100% 100%,0 100%)}

.tz-ms,.tz-msr{background:var(--paper)}
.tz-ms-row,.tz-msr-row{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.tz-ms-txt h2,.tz-msr-txt h2{font-size:1.7rem;margin:14px 0 18px}
.tz-ms-txt p,.tz-msr-txt p{color:var(--ink-soft);margin-bottom:14px}
.tz-ms-img,.tz-msr-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.tz-ms-img img,.tz-msr-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tz-ms-img:hover img,.tz-msr-img:hover img{transform:scale(1.04)}

.tz-sc{background:var(--cream)}
.tz-sc-list{max-width:820px;margin:20px auto 0}
.tz-sc-list li{padding:14px 0 14px 36px;position:relative;color:var(--ink);border-bottom:1px solid var(--line);font-size:1rem}
.tz-sc-list li::before{content:"✓";position:absolute;left:0;top:14px;color:var(--g-deep);font-weight:700}

.tz-cf{background:var(--g-mist)}
.tz-cf-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.tz-cf-txt h2{font-size:1.7rem;margin:14px 0 18px}
.tz-cf-txt p{color:var(--ink-soft);margin-bottom:16px}
.tz-cf-check{margin-bottom:26px}
.tz-cf-check li{padding:9px 0 9px 30px;position:relative;color:var(--ink-soft);font-size:.94rem}
.tz-cf-check li::before{content:"✓";position:absolute;left:0;top:9px;color:var(--g-deep);font-weight:700}
.tz-cf-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.tz-cf-img img{width:100%;height:100%;object-fit:cover}

.tz-cc{background:var(--paper)}
.tz-cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tz-cc-a,.tz-cc-b{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-l);padding:34px 30px}
.tz-cc-a h3,.tz-cc-b h3{font-size:1.2rem;margin-bottom:10px}
.tz-cc-a p,.tz-cc-b p{color:var(--ink-soft);font-size:.95rem}

.tz-c4{background:var(--cream)}
.tz-c4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tz-c4-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:26px 20px;text-align:center;transition:transform .3s}
.tz-c4-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.tz-c4-item h3{font-size:1.02rem;margin-bottom:8px}
.tz-c4-item p{font-size:.86rem;color:var(--ink-soft)}

.tz-cl{background:var(--paper)}
.tz-cl-list{max-width:760px;border-left:2px solid var(--g-mid)}
.tz-cl-item{position:relative;padding:0 0 26px 36px}
.tz-cl-item:last-child{padding-bottom:0}
.tz-cl-item::before{content:"";position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--g-deep);box-shadow:0 0 0 5px var(--g-mist)}
.tz-cl-no{position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%}
.tz-cl-item h3{font-size:1.08rem;margin-bottom:6px}
.tz-cl-item p{color:var(--ink-soft);font-size:.93rem}

.tz-ct{background:var(--g-mist)}
.tz-ct-line{max-width:760px;border-left:2px solid var(--g-mid)}
.tz-ct-step{position:relative;padding:0 0 26px 36px}
.tz-ct-step:last-child{padding-bottom:0}
.tz-ct-dot{position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--g-deep);box-shadow:0 0 0 5px var(--paper)}
.tz-ct-step h3{font-size:1.08rem;margin-bottom:6px}
.tz-ct-step p{color:var(--ink-soft);font-size:.93rem}

.tz-es{background:var(--w-mist)}
.tz-es-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.tz-es-txt h3{font-size:1.3rem;margin:12px 0 12px}
.tz-es-txt p{color:var(--ink-soft);margin-bottom:10px}
.tz-es-note{display:inline-block;background:#fff;color:var(--w-deep);font-size:.84rem;padding:6px 16px;border-radius:99px;box-shadow:var(--shadow-s)}
.tz-es-img{border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-s)}
.tz-es-img img{width:100%;height:100%;object-fit:cover}

.tz-ed{background:var(--paper)}
.tz-ed-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tz-ed-a,.tz-ed-b{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-l);padding:36px 30px}
.tz-ed-a h3,.tz-ed-b h3{font-size:1.2rem;margin:10px 0}
.tz-ed-a p,.tz-ed-b p{color:var(--ink-soft);font-size:.95rem}

.tz-ml{background:var(--paper)}
.tz-ml-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.tz-ml-list h2{font-size:1.7rem;margin:14px 0 20px}
.tz-ml-list ul{margin-bottom:28px}
.tz-ml-list li{padding:10px 0 10px 30px;position:relative;color:var(--ink-soft);font-size:.95rem;border-bottom:1px dashed var(--line)}
.tz-ml-list li::before{content:"✓";position:absolute;left:0;top:10px;color:var(--g-deep);font-weight:700}
.tz-ml-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.tz-ml-img img{width:100%;height:100%;object-fit:cover}

.tz-mt{background:var(--g-mist)}
.tz-mt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tz-mt-step{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:24px 18px}
.tz-mt-no{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--g-deep);color:#fff;align-items:center;justify-content:center;font-weight:800;margin-bottom:10px}
.tz-mt-step h3{font-size:1rem;margin-bottom:6px}
.tz-mt-step p{font-size:.85rem;color:var(--ink-soft)}

.tz-mg{background:var(--cream)}
.tz-mg-tags{display:flex;flex-wrap:wrap;gap:12px;max-width:820px}
.tz-mg-tags span{background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:10px 22px;font-size:.92rem;color:var(--ink)}
.tz-mg-note{margin-top:24px;color:var(--ink-soft)}
.tz-mg-note a{color:var(--g-deep);font-weight:600}

.tz-cd{background:var(--paper)}
.tz-cd-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tz-cd-lh,.tz-cd-smx{border-radius:var(--radius-l);padding:42px 38px;color:#fff;transition:transform .3s}
.tz-cd-lh:hover,.tz-cd-smx:hover{transform:translateY(-6px);box-shadow:var(--shadow-l)}
.tz-cd-lh{background:linear-gradient(135deg,var(--g),var(--g-deep))}
.tz-cd-smx{background:linear-gradient(135deg,var(--w),var(--w-deep))}
.tz-cd-lh span,.tz-cd-smx span{font-size:.85rem;letter-spacing:3px;opacity:.85}
.tz-cd-lh h3,.tz-cd-smx h3{font-size:1.4rem;margin:14px 0 10px}
.tz-cd-lh p,.tz-cd-smx p{opacity:.92;font-size:.92rem;margin-bottom:18px}
.tz-cd-lh i,.tz-cd-smx i{font-style:normal;font-weight:600}

.tz-cs{background:var(--g-mist)}
.tz-cs-strip{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tz-cs-strip a{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);padding:30px;display:flex;justify-content:space-between;align-items:center;transition:transform .3s}
.tz-cs-strip a:hover{transform:translateY(-4px);box-shadow:var(--shadow-m)}
.tz-cs-strip b{font-size:1.1rem}
.tz-cs-strip span{color:var(--g-deep);font-weight:600}

.tz-qf{background:var(--cream)}
.tz-qf-list{max-width:820px;margin:0 auto}
.tz-qf-item{background:var(--paper);border-radius:var(--radius-m);margin-bottom:14px;border:1px solid var(--line);overflow:hidden}
.tz-qf-q{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;padding:18px 24px;font-size:1rem;font-weight:600;color:var(--ink)}
.tz-qf-q::after{content:"+";flex:none;font-size:1.4rem;color:var(--g);transition:transform .3s}
.tz-qf-item.open .tz-qf-q::after{transform:rotate(45deg)}
.tz-qf-a{padding:0 24px 20px}
.tz-qf-a p{color:var(--ink-soft);font-size:.93rem}

.tz-qn{background:var(--paper)}
.tz-qn-list{max-width:820px}
.tz-qn-item{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.tz-qn-item b{flex:none;color:var(--w-deep);font-weight:700}
.tz-qn-item h3{font-size:1.02rem;margin-bottom:6px}
.tz-qn-item p{color:var(--ink-soft);font-size:.92rem}

.tz-rt{background:var(--paper)}
.tz-rt-tags{display:flex;flex-wrap:wrap;gap:12px}
.tz-rt-tags a{background:var(--g-mist);border-radius:99px;padding:10px 22px;font-size:.92rem;color:var(--g-deep);font-weight:600;transition:all .3s}
.tz-rt-tags a:hover{background:var(--g-deep);color:#fff;transform:translateY(-3px)}

.tz-rr{background:var(--cream)}
.tz-rr-list{max-width:820px}
.tz-rr-row{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);margin-bottom:12px;transition:transform .3s}
.tz-rr-row:hover{transform:translateX(6px)}
.tz-rr-row i{color:var(--g-deep);font-style:normal}

.tz-nb{background:var(--g-deep)}
.tz-nb-box{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.tz-nb-box h2{font-size:1.4rem;color:#fff;margin-bottom:8px}
.tz-nb-box p{color:#cfe3d4}
.tz-nb-box .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.tz-nb-box .btn-line:hover{background:rgba(255,255,255,.12)}

.tz-tb h2{color:#fff;border:none;font-size:1.4rem}
.tz-tb p{color:#EAF3EC;margin-top:8px}

.tz-fm{background:var(--g-mist)}
.tz-fm-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.tz-fm-intro h2{font-size:1.7rem;margin:14px 0 18px}
.tz-fm-intro p{color:var(--ink-soft);margin-bottom:20px}
.tz-fm-note{margin-top:14px;color:var(--ink-soft)!important;font-size:.92rem;line-height:1.9}
.tz-fm-intro p a{color:var(--g-deep);font-weight:600}
.tz-fm-intro li{padding:6px 0 6px 26px;position:relative;color:var(--ink-soft);font-size:.93rem;list-style:none}
.tz-fm-intro li::before{content:"";position:absolute;left:0;top:15px;width:14px;height:2px;background:var(--g)}
.tz-fm-panel{background:var(--paper);border-radius:var(--radius-l);padding:40px 38px;box-shadow:var(--shadow-m);border:1px solid var(--line)}
.tz-fm-btn{width:100%;margin-top:6px}

.tz-intro{background:var(--paper);text-align:center}
.tz-intro h2{font-size:1.7rem;margin-bottom:16px}
.tz-intro p{max-width:820px;margin:0 auto;color:var(--ink-soft);line-height:2.1}
.tz-intro p a{color:var(--g-deep);font-weight:600}

.tz-cp{background:var(--cream)}
.tz-cp-table table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-s)}
.tz-cp-table th,.tz-cp-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);font-size:.95rem}
.tz-cp-table th{background:var(--g-mist);color:var(--g-deep);width:130px}
.tz-cp-table td a{color:var(--g-deep);font-weight:600}
.tz-cp-note{margin-top:18px;color:var(--ink-soft);font-size:.92rem}

.tz-zig-a,.tz-zig-b{position:relative}
.tz-zig-a::before{content:"";position:absolute;top:-1px;left:0;right:0;height:26px;background:var(--paper);clip-path:polygon(0 100%,4% 0,9% 100%,14% 0,19% 100%,24% 0,29% 100%,34% 0,39% 100%,44% 0,49% 100%,54% 0,59% 100%,64% 0,69% 100%,74% 0,79% 100%,84% 0,89% 100%,94% 0,100% 100%)}
.tz-zig-b::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:26px;background:var(--paper);clip-path:polygon(0 0,4% 100%,9% 0,14% 100%,19% 0,24% 100%,29% 0,34% 100%,39% 0,44% 100%,49% 0,54% 100%,59% 0,64% 100%,69% 0,74% 100%,79% 0,84% 100%,89% 0,94% 100%,100% 0)}
.tz-ml10{margin-left:10px}
.tz-es-row2{margin-top:40px}
.tz-es-cta{text-align:center;margin-top:30px}
.tz-tb-h2{color:#fff;border:none}

@media (max-width:960px){
 .tz-ms-row,.tz-msr-row,.tz-cf-grid,.tz-ml-grid,.tz-fm-grid,.tz-es-row{grid-template-columns:1fr;gap:34px}
 .tz-c4-grid,.tz-mt-grid{grid-template-columns:repeat(2,1fr)}
 .tz-cc-grid,.tz-ed-grid,.tz-cd-grid,.tz-cs-strip{grid-template-columns:1fr}
}

.tz-hero-bg{background-image:url(./images/banner-kaoshi.jpg);background-size:cover;background-position:center}
