:root{--page-bg: linear-gradient(135deg, #edf5ff 0%, #eef0ff 42%, #f6edff 100%);--card-bg: rgba(255, 255, 255, .72);--card-border: rgba(255, 255, 255, .58);--ink-strong: #1f1b3a;--ink-soft: #655f80;--accent-main: linear-gradient(135deg, #7567f8 0%, #5aa8ff 100%);--prismatic-ink: linear-gradient( 92deg, #9be8ff 0%, #f8f5ff 18%, #d58cff 38%, #fff1c4 58%, #ffb9d6 78%, #86dfff 100% );--shadow-main: 0 24px 70px rgba(98, 103, 178, .18);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:var(--page-bg);color:var(--ink-strong)}button,input,textarea{font:inherit}.page-shell{position:relative;width:min(1240px,calc(100% - 40px));margin:0 auto;padding:40px 0 48px}.ambient{position:fixed;z-index:0;border-radius:999px;filter:blur(12px);opacity:.7}.ambient-left{top:72px;left:-40px;width:220px;height:220px;background:#7e79ff2e}.ambient-right{top:260px;right:5vw;width:280px;height:280px;background:#61bdff29}.glass-card{position:relative;z-index:1;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-main);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{display:block;padding:26px;animation:rise-in .6s ease}.eyebrow,.panel-kicker{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#7567f81a;color:#5f51db;font-size:13px;letter-spacing:.08em}.hero h1,.panel h2{margin:14px 0 0;font-family:"Noto Serif SC",Songti SC,serif;font-weight:700}.hero h1{font-size:clamp(30px,4vw,44px);line-height:1.1}.hero-description{position:relative;display:inline-flex;align-items:center;margin:14px 0 0;padding:10px 18px;border:1px solid rgba(35,31,58,.2);border-radius:999px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.92),transparent 20%),radial-gradient(circle at 80% 24%,rgba(255,245,191,.82),transparent 24%),radial-gradient(circle at 50% 82%,rgba(255,206,233,.62),transparent 30%),linear-gradient(115deg,#f4f1fffa,#ab98ffe0,#8edeffdb 34%,#bbffdfd6 50%,#ffcbf1e0 70%,#ffeca9d6 86%,#eef4fff5);box-shadow:0 14px 26px #7d7ec333,inset 0 1px #ffffffd9,inset 0 0 26px #ffffff57;overflow:hidden}.hero-description:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 34%),linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);mix-blend-mode:screen;z-index:0}.hero-description:after{content:"";position:absolute;right:-6%;top:-42%;width:42%;height:188%;background:linear-gradient(180deg,#ffffff14,#ffffff8a,#ffffff14);filter:blur(14px);transform:rotate(22deg);opacity:.75;z-index:0}.hero-description span{position:relative;z-index:1;color:#171422;font-size:15px;font-weight:700;letter-spacing:.03em;text-shadow:0 1px 0 rgba(255,255,255,.3)}.tool-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.panel{padding:26px;animation:rise-in .6s ease}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel h2{font-size:28px}.badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;font-size:13px}.badge-soft{background:#589bff1f;color:#2b73d0}.badge-strong{background:#7567f824;color:#5f51db}.field{display:block;position:relative;margin-top:20px}.field span{display:inline-block;margin-bottom:10px;font-size:15px;font-weight:600}textarea{width:100%;padding:16px 18px;border:1px solid rgba(120,132,190,.18);border-radius:var(--radius-md);background:#fcfdffd1;color:var(--ink-strong);resize:vertical;line-height:1.65;box-shadow:inset 0 1px #fff9}textarea::placeholder{color:#9995b1}.result-textarea{background:linear-gradient(180deg,#f9fafffa,#f2f5ffe0)}.toggle-row{display:inline-flex;align-items:center;gap:10px;margin-top:16px;color:var(--ink-soft)}.toggle-floating{position:absolute;top:0;right:0;margin-top:0;justify-content:flex-end;font-size:14px;font-weight:400}.toggle-floating span{margin-bottom:0;font-size:14px;font-weight:400}.toggle-row input{width:18px;height:18px;accent-color:#6a6ef7}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.primary-btn,.secondary-btn{border-radius:999px;padding:11px 20px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-btn{border:0;background:var(--accent-main);color:#fff;box-shadow:0 16px 28px #6a6ef747}.secondary-btn{border:1px solid rgba(120,132,190,.16);background:#ffffffdb;color:#4e4a71}.primary-btn:disabled,.secondary-btn:disabled{opacity:.65;cursor:not-allowed}.primary-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled){transform:translateY(-2px)}.status-line{margin:14px 0 0;color:#5d5980;font-size:14px}.error-line{margin:8px 0 0;color:#cf2f59;font-size:14px;line-height:1.5}.hidden{display:none}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.tool-grid{grid-template-columns:1fr}.page-shell{width:min(100% - 28px,1240px);padding-top:24px}}@media(max-width:640px){.hero,.panel{padding:20px}.hero h1{font-size:32px}.panel h2{font-size:24px}.panel-head{flex-direction:column}.toggle-floating{position:static;display:flex;margin-top:0;margin-bottom:10px;justify-content:flex-start}.action-row{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}