:root{color:#121214;font-synthesis:none;--red:#c90021;--red-dark:#a9001c;--line:#e0e1e4;--muted:#696a70;--surface:#f6f7f8;background:#eef0f2;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{justify-content:center;min-height:100vh;padding:0;display:flex}.phone-surface{background:#fff;width:100%;max-width:480px;min-height:100vh;padding-bottom:82px;position:relative;box-shadow:0 0 42px #12121414}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:19px;font-weight:750}.brand{letter-spacing:2.4px;font-family:Arial,sans-serif;font-size:22px;font-weight:800}.brand b{color:var(--red);margin-left:7px;font-weight:500}.avatar{color:#fff;background:#171719;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.icon-button svg{width:25px}.page{animation:.28s ease-out both reveal}@keyframes reveal{0%{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}.ask-hero{padding:26px 22px 24px}.ask-hero h1{letter-spacing:-.03em;border-left:5px solid var(--red);margin:0 0 22px;padding-left:16px;font-size:clamp(30px,8vw,39px);line-height:1.15}.ask-hero form{gap:12px;display:grid}.search-box{border:1px solid #87888d;border-radius:12px;align-items:center;gap:12px;height:66px;padding:0 16px;display:flex}.search-box svg{color:var(--muted);width:23px}.search-box input{color:#242428;border:0;outline:0;flex:1;min-width:0;font-size:16px}.search-box input::placeholder{color:#8a8b91}.primary-button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:11px;height:58px;font-size:18px;font-weight:750;display:flex;box-shadow:0 8px 18px #c900212b}.primary-button:hover{background:var(--red-dark)}.primary-button svg{width:23px}.section-block{padding:0 22px}.section-block h2{margin:0 0 8px;font-size:19px}.category-list{border-top:1px solid var(--line)}.list-row,.question-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:30px 1fr 24px;align-items:center;width:100%;min-height:54px;padding:0 4px;display:grid}.list-row:hover,.question-row:hover{background:#fafafa}.row-icon{color:var(--red);stroke-width:1.9px;width:22px}.list-row span,.question-row span{font-size:16px}.chevron{color:#7c7d82;stroke-width:1.8px;width:18px}.questions-section{padding-top:22px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;display:flex}.section-heading svg{width:16px}.question-row{grid-template-columns:30px 1fr 24px}.question-row>svg:first-child{width:20px}.qa-block{border-bottom:1px solid var(--line);grid-template-columns:43px 1fr;gap:14px;padding:23px 22px;display:grid;position:relative}.qa-mark{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:21px;display:grid}.qa-block h2{margin:6px 0 0;font-size:18px;line-height:1.5}.qa-block p{margin:4px 0 0;font-size:16px;line-height:1.9}.steps-block{border-bottom:1px solid var(--line);padding:24px 22px 18px}.steps-block h2{margin:0 0 13px;font-size:20px}.steps-block ol{margin:0;padding:0;list-style:none}.steps-block li{grid-template-columns:40px 1fr;gap:14px;min-height:58px;display:grid;position:relative}.steps-block li:not(:last-child):after{content:"";border-left:1px dashed var(--red);position:absolute;top:38px;bottom:-2px;left:19px}.steps-block li>span{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.steps-block p{margin:6px 0 16px;line-height:1.55}.source-block{border-bottom:1px solid var(--line);padding:0 22px}.source-block>div,.source-block>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:32px 1fr auto;align-items:center;width:100%;min-height:58px;padding:0;display:grid}.source-block>:last-child{border-bottom:0}.source-block svg{stroke-width:1.8px;width:23px}.source-block small{color:var(--muted)}.feedback-block{padding:22px}.feedback-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.feedback-heading p{margin:0}.feedback-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:flex}.feedback-heading button.saved{color:var(--red)}.feedback-heading svg{width:18px}.feedback-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feedback-actions button{border:1.5px solid var(--red);min-height:54px;color:var(--red);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:9px;font-weight:700;display:flex}.feedback-actions button.neutral{color:#3e3f44;border-color:#77787d}.feedback-actions button.selected{background:var(--red);color:#fff}.feedback-actions button.selected.neutral{background:#303136;border-color:#303136}.feedback-actions svg{width:21px}.feedback-note{background:var(--surface);border-radius:8px;margin:12px 0 0;padding:11px 13px;font-size:14px;line-height:1.5}.secondary-button{cursor:pointer;background:#fff;border:1px solid #b7b8bc;border-radius:9px;width:calc(100% - 44px);height:52px;margin:0 22px 22px;font-weight:700;display:block}.bottom-nav{z-index:12;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(100%,480px);height:76px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.bottom-nav svg{stroke-width:1.8px;width:23px}.bottom-nav button.active{color:var(--red);font-weight:700}@media (width>=760px){.app-shell{align-items:flex-start;padding:36px}.phone-surface{border-radius:30px;min-height:844px;overflow:hidden;box-shadow:0 22px 70px #14181e2b}.bottom-nav{width:100%;margin-top:-76px;position:sticky;top:calc(100vh - 76px);left:auto;transform:none}body{background:radial-gradient(circle at top,#fff 0,#eef0f2 42%,#e7e9eb 100%)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}