:root{--font-body: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-heading: "Trebuchet MS", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "Cascadia Mono", "Consolas", "SFMono-Regular", "Menlo", monospace;--ink: #1f2933;--muted: #52606d;--line: rgba(31, 41, 51, .14);font-family:var(--font-body);line-height:1.45;color:var(--ink);background-color:#edf0eb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 14%,rgba(212,106,31,.18),transparent 26%),radial-gradient(circle at 82% 16%,rgba(13,123,118,.2),transparent 28%),linear-gradient(180deg,#eef2ea,#f8f9f6,#eef0ea)}#app{width:min(1100px,100% - 2.2rem);margin:1.2rem auto 2.4rem}.use-case-shell{display:grid;gap:1rem}.site-footer{display:flex;justify-content:flex-start}.site-footer p{margin:0}.use-case-header{border:1px solid var(--line);border-radius:16px;background:#fffffff2;box-shadow:0 10px 24px #1f293314;padding:1rem 1.1rem}.back-link{color:#0b5f5b;font-size:.92rem;font-weight:700;text-decoration:none}.back-link:hover{text-decoration:underline}.footer-link{color:#0b5f5b;font-size:.92rem;font-weight:700;text-decoration:none}.footer-link:hover{text-decoration:underline}.use-case-header h1{margin:.45rem 0 0;font-family:var(--font-heading);font-size:clamp(1.5rem,2.8vw,2.2rem)}.use-case-header p{margin:.56rem 0 0;color:var(--muted)}.helper-row{margin-top:.78rem;display:flex;gap:.5rem;flex-wrap:wrap}.chip{border-radius:999px;border:1px solid rgba(31,41,51,.2);background:#fff;color:#2c3d4a;padding:.28rem .62rem;font-size:.78rem;font-weight:700}button.chip{cursor:pointer;font-family:inherit}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.82rem}.collection-list{display:grid;gap:.82rem}.collection-card{border:1px solid var(--line);border-radius:14px;background:#fffffff5;box-shadow:0 8px 22px #1f29330f;padding:.82rem;display:grid;gap:.58rem}.collection-card h2{margin:0;font-size:1.02rem;font-family:var(--font-heading)}.collection-card p{margin:0;color:#4f5d6a;font-size:.84rem}.palette-card{border:1px solid var(--line);border-radius:14px;background:#fffffff5;box-shadow:0 8px 22px #1f29330f;padding:.82rem;display:grid;gap:.6rem}.palette-card h2{margin:0;font-size:1rem;font-family:var(--font-heading)}.palette-card p{margin:0;color:#4f5d6a;font-size:.84rem}.palette-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.34rem}.palette-tone{min-height:58px;border-radius:10px;border:1px solid rgba(31,41,51,.14);background:var(--tone);position:relative}.palette-tone code{position:absolute;left:.32rem;bottom:.32rem;border-radius:999px;background:#0f1720b3;color:#fff;padding:.1rem .35rem;font-size:.66rem}.palette-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.palette-id{color:#4f5d6a;font-size:.76rem;font-weight:700}.open-btn{border:1px solid rgba(31,41,51,.2);border-radius:999px;background:#fff;color:#1f2933;text-decoration:none;padding:.36rem .78rem;font-size:.8rem;font-weight:700;white-space:nowrap}.open-btn:hover{border-color:#1f293373}.use-case-footer{border:1px solid var(--line);border-radius:14px;background:#fffffff0;padding:.9rem}.use-case-footer h2{margin:0;font-size:1.02rem;font-family:var(--font-heading)}.use-case-footer p{margin:.5rem 0 0;color:#4f5d6a;font-size:.88rem}.related-collections{margin-top:.75rem}.related-collections h2{margin:0;font-size:.96rem;font-family:var(--font-heading)}.related-link-row{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.45rem}.related-link{border-radius:999px;border:1px solid rgba(31,41,51,.2);background:#fff;color:#1f2933;text-decoration:none;padding:.32rem .72rem;font-size:.78rem;font-weight:700}.related-link:hover{border-color:#1f293373}@media(max-width:900px){.collection-grid{grid-template-columns:1fr}}