﻿.tools-hero{overflow:hidden;border-bottom:1px solid #d8c8a8;background:radial-gradient(circle at 82% 32%,rgba(199,161,90,.2),transparent 25%),linear-gradient(118deg,#113b35 0%,#17483f 56%,#0d2e2a 100%);color:#fff}
.tools-hero>.wrap{min-height:430px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:80px;align-items:center}
.tools-hero-copy{padding:76px 0}.tools-hero .eyebrow{color:#e2be72}
.tools-hero h1{margin:12px 0 18px;font:700 clamp(50px,6vw,86px)/1.05 var(--serif);letter-spacing:.08em}
.tools-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.78);font-size:17px;line-height:2}
.tools-hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}.tools-hero-actions .btn{padding:14px 28px;border-color:#b43024;background:#b43024;color:#fff}.tools-hero-actions span{color:#dfcda8;font-size:13px}
.tools-hero-seal{width:260px;height:260px;position:relative;display:grid;place-content:center;border:1px solid rgba(225,191,119,.5);transform:rotate(45deg);background:rgba(255,255,255,.035);box-shadow:0 0 0 16px rgba(198,158,81,.05),inset 0 0 50px rgba(0,0,0,.14);text-align:center}.tools-hero-seal>*{transform:rotate(-45deg)}.tools-hero-seal i{color:#e5bd68;font:400 76px/1 var(--serif);font-style:normal}.tools-hero-seal b{margin-top:10px;color:#fff;font:400 22px var(--serif);letter-spacing:.28em}.tools-hero-seal small{margin-top:8px;color:#cbbd9e;letter-spacing:.18em}
.tools-directory{padding:72px 0 90px;background:#f7f3e9}.tool-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}
.tool-group-card{padding:28px;border:1px solid #dacbaa;background:rgba(255,253,248,.92);box-shadow:0 12px 28px rgba(45,42,31,.05)}.tool-group-card:first-child{grid-column:span 2;border-top:3px solid #a93628}
.tool-group-card header{display:flex;gap:20px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid #e4d8c0}.tool-group-card header>span{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;background:#123b35;color:#e5c174;font:400 28px var(--serif)}.tool-group-card header small{color:#a93628;font:700 11px Georgia,serif;letter-spacing:.2em}.tool-group-card h2{margin:2px 0 6px;color:#123b35;font:400 27px var(--serif)}.tool-group-card p{margin:0;color:#746b5e;line-height:1.7}
.tool-chip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.tool-chip-list a,.tool-chip-list span{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #e1d6c2;background:#faf7f0;color:#4d463d}.tool-chip-list b{font-weight:500}.tool-chip-list em{color:#a99b84;font-size:12px;font-style:normal;white-space:nowrap}.tool-chip-list .is-ready{border-color:#b43b2c;background:#fff9ef;color:#9d2d22}.tool-chip-list .is-ready em{padding:4px 8px;background:#a93628;color:#fff}
.tool-detail-hero{padding:58px 0 52px;border-bottom:1px solid #d8c8a8;background:linear-gradient(110deg,#f8f3e7,#eee4cf)}.tool-detail-hero>.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:end}.tool-detail-hero h1{margin:13px 0 15px;color:#123b35;font:400 clamp(42px,5vw,68px)/1.15 var(--serif)}.tool-detail-hero p{max-width:820px;margin:0;color:#6d6459;line-height:1.9}.tool-detail-facts{display:flex;gap:10px}.tool-detail-facts span{min-width:112px;padding:16px 14px;border:1px solid #d7c6a5;background:rgba(255,253,248,.72);color:#756a59;text-align:center;font-size:12px}.tool-detail-facts b{display:block;margin-bottom:4px;color:#a93628;font:400 26px Georgia,serif}
.tool-workspace-section{padding:28px 0 72px;background:#f4efe4}.tool-notice{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;border:1px solid #d8c8a8;background:#fffaf0;color:#655c50;font-size:13px}.tool-notice b{color:#a93628;white-space:nowrap}.tool-notice span{flex:1}.tool-notice a{color:#123b35;white-space:nowrap}.name-generator-frame{width:100%;height:1500px;display:block;border:0;background:transparent}.tools-nav-menu{min-width:320px}
.clan-tools-menu summary{color:inherit}.clan-tools-menu>div{min-width:290px}
.bazi-name-frame{height:1780px;border:1px solid #d8c8a8;background:#f8f3e9}.bazi-tool-hero{background:radial-gradient(circle at 85% 18%,rgba(179,51,37,.1),transparent 25%),linear-gradient(110deg,#f8f3e7,#eee4cf)}
@media(max-width:900px){.tools-hero>.wrap{grid-template-columns:1fr;min-height:auto}.tools-hero-seal{display:none}.tool-group-grid{grid-template-columns:1fr}.tool-group-card:first-child{grid-column:auto}.tool-detail-hero>.wrap{grid-template-columns:1fr}.tool-detail-facts{flex-wrap:wrap}.name-generator-frame{height:2100px}}
@media(max-width:600px){.tools-hero-copy{padding:54px 0}.tools-hero-actions{align-items:flex-start;flex-direction:column}.tool-chip-list{grid-template-columns:1fr}.tool-notice{align-items:flex-start;flex-direction:column}.name-generator-frame{height:2400px}}

.score-name-frame{height:1200px;border:1px solid #d8c8a8;background:#f8f3e9}.score-tool-hero{background:radial-gradient(circle at 85% 18%,rgba(157,120,64,.1),transparent 25%),linear-gradient(110deg,#f8f3e7,#eee4cf)}
.huangli-tool-hero{background:radial-gradient(circle at 84% 20%,rgba(173,54,39,.13),transparent 27%),linear-gradient(110deg,#fbf6ea,#eadbc1)}
.huangli-workspace{min-height:620px}.huangli-panel{border:1px solid #d8c49e;background:#fffaf0;box-shadow:0 18px 45px rgba(70,45,25,.08)}
.huangli-toolbar{display:flex;align-items:end;justify-content:center;gap:12px;padding:22px;border-bottom:1px solid #e1d3b7;background:#f2e8d4}.huangli-toolbar label{display:grid;gap:7px;color:#665844;font-size:13px}.huangli-toolbar input,.huangli-toolbar button{min-height:44px;border:1px solid #cbb58c;background:#fffdf7;color:#3e3326;font:inherit}.huangli-toolbar input{padding:0 14px}.huangli-toolbar button{padding:0 18px;cursor:pointer}.huangli-toolbar button:hover,.huangli-toolbar button:focus-visible{border-color:#a93628;color:#a93628;outline:2px solid rgba(169,54,40,.18);outline-offset:2px}
.huangli-error{margin:24px;padding:16px;border:1px solid #c74334;background:#fff0ed;color:#91291f}.huangli-result{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:28px}.huangli-date-card{display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d6bf91;background:linear-gradient(145deg,#a93628,#75251e);color:#fff;text-align:center}.huangli-date-card small{letter-spacing:.16em}.huangli-date-card strong{font:400 92px/1 Georgia,serif}.huangli-date-card span{font-size:17px}.huangli-date-card b{max-width:210px;margin-top:24px;padding-top:17px;border-top:1px solid rgba(255,255,255,.3);font-weight:500;line-height:1.7}
.huangli-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-self:start}.huangli-summary div{padding:17px 14px;border:1px solid #dfd0b3;background:#fff;color:#756956}.huangli-summary span,.huangli-summary b{display:block}.huangli-summary span{font-size:12px}.huangli-summary b{margin-top:7px;color:#143b35;font:500 17px var(--serif)}.huangli-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.huangli-actions section{border:1px solid #ddceb0;background:#fff}.huangli-actions header{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid #eadfc9}.huangli-actions i{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:#fff;font:400 25px var(--serif);font-style:normal}.huangli-actions header b,.huangli-actions header span{display:block}.huangli-actions header b{color:#173d37;font:500 20px var(--serif)}.huangli-actions header span{margin-top:3px;color:#8e806b;font-size:12px}.huangli-actions ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:22px;list-style:none}.huangli-actions li{padding:8px 14px;border:1px solid #e2d5bc;background:#fbf7ef}.huangli-actions .is-good i{background:#a93628}.huangli-actions .is-avoid i{background:#183e38}.huangli-footnote{grid-column:1/-1;margin:0;padding-top:2px;color:#7c705f;font-size:12px;line-height:1.8}
@media(max-width:760px){.huangli-toolbar{align-items:stretch;flex-wrap:wrap}.huangli-toolbar label{width:100%}.huangli-toolbar input{width:100%;box-sizing:border-box}.huangli-toolbar button{flex:1}.huangli-result{grid-template-columns:1fr;padding:16px}.huangli-date-card{min-height:240px}.huangli-summary{grid-template-columns:1fr 1fr}.huangli-actions{grid-template-columns:1fr}.huangli-footnote{grid-column:auto}}
