*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#07111f;--bg-card:#0f172ab8;--bg-panel:#08111fb8;--glass:#ffffff0f;--text-primary:#f8fafc;--text-secondary:#b6c5d8;--text-muted:#718096;--accent:#fb923c;--accent-2:#38bdf8;--accent-soft:#fb923c29;--border:#94a3b838;--border-hot:#fb923c6b;--shadow:0 24px 70px #00000061;--radius:20px}html,body,#root{width:100%;min-height:100%;color:var(--text-primary);background:radial-gradient(circle at 50% 15%,#18324a 0,#07111f 46%,#030712 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Noto Sans SC,sans-serif;overflow-x:hidden}button,input{font:inherit}.app{width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.app:before,.app:after{content:"";pointer-events:none;filter:blur(42px);opacity:.42;z-index:0;border-radius:999px;position:fixed}.app:before{background:#0ea5e9;width:420px;height:420px;top:-170px;right:18%}.app:after{background:#f97316;width:360px;height:360px;bottom:-170px;left:18%}.sidebar{-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border-right:1px solid var(--border);z-index:10;background:linear-gradient(#08111feb,#0f172ab8);flex-direction:column;width:336px;min-width:336px;height:100dvh;display:flex;overflow:hidden;box-shadow:18px 0 50px #00000038}.sidebar-header{padding:26px 24px 12px}.sidebar-header h2{letter-spacing:-.03em;font-size:22px;font-weight:800;line-height:1.15}.sidebar-header:after{content:"8 个常用艾灸穴位 · 科普示意";color:var(--text-muted);margin-top:8px;font-size:12px;display:block}.search-box{padding:12px 24px 16px}.search-box input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#0f172aa8;border-radius:14px;outline:none;padding:13px 15px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px #ffffff0a}.search-box input:focus{border-color:var(--accent);background:#0f172ae6;box-shadow:0 0 0 4px #fb923c1f,inset 0 1px #ffffff0d}.search-box input::placeholder{color:var(--text-muted)}.filter-section{padding:0 24px 18px}.filter-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:700}.filter-tags{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#ffffff09;border-radius:999px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.filter-btn:hover{color:var(--text-primary);background:#ffffff13;transform:translateY(-1px)}.filter-btn.active{color:var(--text-primary);box-shadow:0 8px 26px color-mix(in srgb, var(--btn-color) 20%, transparent);font-weight:700}.filter-icon{font-size:14px}.point-list{flex:1;padding:0 14px 18px;overflow-y:auto}.point-list::-webkit-scrollbar{width:5px}.acupoint-card::-webkit-scrollbar{width:5px}.point-list::-webkit-scrollbar-thumb{background:#94a3b861;border-radius:999px}.acupoint-card::-webkit-scrollbar-thumb{background:#94a3b861;border-radius:999px}.list-header{color:var(--text-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:linear-gradient(#0a1424fa,#0a1424c7);justify-content:space-between;align-items:center;padding:11px 10px 10px;font-size:12px;display:flex;position:sticky;top:0}.list-count{color:#7dd3fc;background:#38bdf81f;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.point-item{cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:15px;margin-bottom:8px;padding:13px 14px;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.point-item:hover{background:#ffffff0f;border-color:#94a3b833;transform:translateY(-1px)}.point-item.selected{border-color:var(--border-hot);background:linear-gradient(135deg,#fb923c2e,#38bdf81a);box-shadow:0 14px 36px #fb923c14}.point-item-name{margin-bottom:4px;font-size:15px;font-weight:750}.point-item-meta{color:var(--text-muted);font-size:12px}.no-results{text-align:center;color:var(--text-muted);padding:28px 20px;font-size:13px}.canvas-container{z-index:1;flex:1;min-width:0;min-height:100dvh;position:relative}.three-canvas{touch-action:pan-y pinch-zoom;overscroll-behavior:contain;background:radial-gradient(circle at 50% 25%,#17304b 0%,#07111f 52%,#020617 100%)}.hero-copy{z-index:4;pointer-events:none;width:min(360px,100% - 68px);position:absolute;top:30px;left:34px}.eyebrow{color:#7dd3fc;text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px;font-size:11px;font-weight:800}.hero-copy h1{letter-spacing:-.06em;text-shadow:0 18px 48px #0000006b;margin-bottom:12px;font-size:clamp(28px,4vw,48px);line-height:.98}.hero-copy p{color:var(--text-secondary);font-size:14px;line-height:1.7}.orientation-pill{z-index:4;color:var(--text-secondary);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#08111f8c;border-radius:999px;padding:8px 12px;font-size:12px;position:absolute;right:28px}.orientation-pill.front{top:30px}.orientation-pill.back{color:#c4b5fd;top:72px}.canvas-hint{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-secondary);pointer-events:none;border:1px solid var(--border);box-shadow:var(--shadow);z-index:4;background:#08111f9e;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 10px;font-size:12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.canvas-hint span{background:#ffffff0d;border-radius:999px;padding:4px 10px}.marker-label{color:#fff;white-space:nowrap;border:1px solid var(--marker-color);min-width:86px;box-shadow:0 0 24px color-mix(in srgb, var(--marker-color) 38%, transparent), inset 0 1px 0 #ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#030712c7;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:800}.marker-label span,.marker-label small{display:block}.marker-label small{color:var(--text-secondary);margin-top:3px;font-size:10px;font-weight:650}.marker-label.selected{transform:scale(1.04)}.acupoint-card{-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);border:1px solid var(--border);z-index:20;width:348px;max-height:min(78vh,720px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;background:linear-gradient(#0f172ae6,#08111fc2);border-radius:24px;padding:24px;animation:.25s ease-out slideIn;position:fixed;top:50%;right:24px;overflow-y:auto;transform:translateY(-50%)}@keyframes slideIn{0%{opacity:0;transform:translateY(-50%)translate(18px)scale(.98)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}.card-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;font-size:16px;line-height:1;transition:color .2s,background .2s,transform .2s;position:absolute;top:14px;right:14px}.card-close:hover{color:var(--text-primary);background:#ffffff1f;transform:rotate(90deg)}.card-header{align-items:baseline;gap:10px;margin-bottom:5px;padding-right:26px;display:flex}.card-name{letter-spacing:-.04em;font-size:26px;font-weight:850}.card-code{color:#fed7aa;background:#fb923c24;border:1px solid #fb923c40;border-radius:999px;padding:3px 8px;font-size:13px;font-weight:800}.card-pinyin{color:var(--text-muted);margin-bottom:18px;font-size:12px}.card-section{background:#ffffff09;border:1px solid #94a3b81f;border-radius:16px;margin-bottom:15px;padding:14px}.section-label{color:var(--text-secondary);margin-bottom:7px;font-size:12px;font-weight:800}.section-text{color:var(--text-primary);font-size:13px;line-height:1.65}.section-text.moxa{border-left:3px solid var(--accent);background:#fb923c14;border-radius:10px;padding:9px 12px}.section-text.warning{color:#fecaca;background:#f8717114;border-left:3px solid #f87171;border-radius:10px;padding:9px 12px}.section-list{padding:0;list-style:none}.section-list li{color:#e5edf7;padding:3px 0 3px 16px;font-size:13px;line-height:1.62;position:relative}.section-list li:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:999px;width:5px;height:5px;position:absolute;top:12px;left:0;box-shadow:0 0 12px #fb923c80}.card-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:15px;display:flex}.tag{background:var(--accent-soft);color:#fed7aa;border:1px solid #fb923c33;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.disclaimer{max-width:420px;color:var(--text-secondary);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#08111f94;border-radius:999px;padding:8px 12px;font-size:11px;position:fixed;bottom:14px;right:24px}.model-credit{color:#b6c5d8b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#08111f6b;border:1px solid #94a3b829;border-radius:999px;max-width:420px;padding:7px 11px;font-size:10px;position:fixed;bottom:50px;right:24px}@media (width<=920px){.sidebar{width:310px;min-width:310px}.hero-copy{top:22px;left:22px}.acupoint-card{width:318px;right:14px}}@media (width<=768px){html,body,#root{height:auto;min-height:100%;overflow:hidden auto}body{-webkit-overflow-scrolling:touch}.app{flex-direction:column;height:auto;min-height:100dvh;padding-bottom:68px;display:flex;overflow:visible}.sidebar{border-right:none;border-bottom:1px solid var(--border);z-index:18;border-radius:0 0 22px 22px;order:2;width:100%;min-width:0;height:auto;max-height:none;position:relative;overflow:visible;box-shadow:0 18px 50px #00000038}.sidebar-header{padding:16px 18px 6px}.sidebar-header h2{font-size:18px}.search-box{padding:10px 18px 12px}.filter-section{padding:0 18px 12px}.filter-section h3{margin-bottom:8px}.filter-tags{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.filter-tags::-webkit-scrollbar{display:none}.filter-btn{flex:none}.point-list{-webkit-overflow-scrolling:touch;flex:none;gap:8px;padding:0 18px 18px;display:flex;overflow:auto hidden}.list-header{border:1px solid var(--border);background:#ffffff09;border-radius:14px;flex-direction:column;flex:none;justify-content:center;gap:5px;min-width:82px;padding:10px;position:static}.point-item{flex:0 0 136px;margin-bottom:0;padding:11px 12px}.no-results{flex:1 0 180px;padding:18px}.canvas-container{flex:none;order:1;width:100%;height:min(66vh,520px);min-height:390px;max-height:560px}.hero-copy{width:calc(100% - 32px);top:16px;left:16px}.hero-copy h1{max-width:210px;font-size:25px}.hero-copy p{max-width:245px;font-size:12px;line-height:1.45}.eyebrow{margin-bottom:7px;font-size:9px}.orientation-pill{display:none}.canvas-hint{border-radius:18px;width:calc(100% - 24px);font-size:11px;bottom:10px}.canvas-hint span{padding:3px 7px}.acupoint-card{z-index:10;border-radius:20px;order:3;width:calc(100% - 24px);max-height:none;margin:12px auto 0;padding:18px;position:relative;inset:auto;overflow:visible;transform:none}.disclaimer{text-align:center;border-radius:16px;order:4;max-width:none;margin:14px 12px 8px;position:static}.model-credit{text-align:center;border-radius:14px;order:5;max-width:none;margin:0 12px 12px;position:static}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}