:root{--ink:#30333b;--muted:#8b8d94;--paper:#fffdfb;--bg:#f7f5f1;--line:#ece8e2;--jade:#93bcb2;--jade-deep:#628f87;--lilac:#a49abe;--plum:#bd9aae;--amber:#d7ae6d;--peach:#dfb3a8;--shadow:0 12px 25px rgba(74,64,57,.10)}*{box-sizing:border-box}body{margin:0;background:#d9d6d0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.phone-shell{position:relative;max-width:430px;height:100vh;min-height:690px;margin:auto;background:var(--bg);overflow:hidden;box-shadow:0 0 54px rgba(43,38,35,.18)}.page{display:none;position:absolute;inset:0;flex-direction:column;background:radial-gradient(circle at 94% 5%,rgba(224,214,236,.31),transparent 25%),radial-gradient(circle at 5% 70%,rgba(211,231,225,.34),transparent 27%),var(--bg);animation:enter .25s ease}.page.active{display:flex}@keyframes enter{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}.scroll{overflow:auto;flex:1;padding:0 20px 89px;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.home-scroll{padding:0 16px 86px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:10px 17px 0}.topbar>b{font-size:15px}.topbar>button,.topbar>span{border:0;background:none;width:35px;color:#5c5e69;text-align:center;font-size:16px}.back{font-size:32px!important;line-height:1!important;text-align:left!important}.tabbar{height:68px;position:absolute;z-index:5;bottom:0;left:0;right:0;background:rgba(255,253,251,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.tabbar button{border:0;background:none;color:#919196;display:grid;place-content:center;gap:3px}.tabbar i{font-style:normal;font-size:18px}.tabbar small{font-size:9px}.tabbar .active{color:#728d91}.brand{display:flex;align-items:center;gap:8px}.home-head{height:73px;padding:17px 16px 8px;display:flex;justify-content:space-between;align-items:center}.brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#a5c5bd,#9d98bf);color:#fff;font-size:17px;font-family:serif}.brand b,.brand small{display:block}.brand b{font-size:16px;letter-spacing:1px}.brand small{font-size:9px;color:var(--muted);margin-top:3px}.avatar{width:32px;height:32px;border:0;border-radius:50%;background:#ded8eb;color:#766f99;font-size:11px}.hero-card{height:202px;border-radius:25px;padding:24px 20px;position:relative;overflow:hidden;background:linear-gradient(130deg,#99bcb5,#aaa4cc 67%,#d8d3e8);color:#fff}.hero-card:before{content:"";position:absolute;width:250px;height:100px;right:-80px;bottom:-48px;border-radius:50%;background:rgba(255,255,255,.14)}.hero-card p{font-size:10px;letter-spacing:1px;margin:0;opacity:.9}.hero-card h1{font-size:25px;line-height:1.3;margin:7px 0 13px}.hero-card button{position:relative;z-index:2;border:0;border-radius:15px;padding:8px 11px;background:rgba(255,255,255,.22);color:#fff;font-size:10px}.hero-card button i{font-style:normal;font-size:14px}.mini-bracelet{position:absolute;pointer-events:none}.hero-card .mini-bracelet{right:-11px;bottom:-9px;width:244px;height:177px}.quick-entry{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:15px 0 20px}.quick-entry button{border:0;background:transparent;display:grid;justify-items:center;gap:4px;color:var(--ink)}.quick-entry b{font-size:11px}.quick-entry small{font-size:9px;color:var(--muted)}.icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px;box-shadow:0 6px 13px rgba(96,91,111,.11)}.orb{background:#e7eee9;color:#6f9a8f}.craft{background:#ece9f4;color:#8179aa}.star{background:#faede9;color:#bd8880}.section-title{display:flex;justify-content:space-between;align-items:center;margin:8px 0 11px}.section-title p{font-size:9px;color:#9a94b5;letter-spacing:1px;margin:0 0 2px}.section-title h2{font-size:16px;margin:0}.section-title button,.picker-head>button{border:0;background:none;color:#7e79a4;font-size:10px}.editorial{height:135px;border-radius:19px;position:relative;overflow:hidden;padding:18px;background:linear-gradient(125deg,#e0ebe8,#e7e1ef);box-shadow:var(--shadow)}.editorial-copy{position:relative;z-index:1}.editorial span{font-size:9px;color:#73837f}.editorial h3{font-size:20px;margin:5px 0}.editorial p{font-size:9px;color:#70777d;margin:0 0 7px}.editorial b{font-size:11px;color:#a47a78}.editorial .mini-bracelet{right:-3px;top:-8px;width:175px;height:145px}.community-call{min-height:147px;margin:17px 0;border-radius:20px;position:relative;overflow:hidden;padding:19px;background:linear-gradient(135deg,#e9d9d6,#f2e5db)}.community-call>div:first-child{position:relative;z-index:2}.community-call span{font-size:9px;color:#ad7979;letter-spacing:1px}.community-call h3{font-size:19px;line-height:1.35;margin:5px 0}.community-call p{font-size:10px;color:#947b78;margin:0}.community-call button{border:0;background:none;color:#a06e72;font-size:10px;padding:0;margin-top:10px}.bubble{position:absolute;border-radius:50%;background:rgba(255,255,255,.53);box-shadow:inset 3px 3px 5px rgba(255,255,255,.9),inset -3px -3px 5px rgba(181,126,129,.1)}.b1{width:68px;height:68px;right:53px;top:23px}.b2{width:36px;height:36px;right:20px;top:77px}.b3{width:23px;height:23px;right:108px;bottom:13px}.eyebrow{font-size:10px;color:#9088ae;letter-spacing:1.6px;margin:14px 0 7px}.path-scroll h1,.brief-scroll h1{font-size:27px;line-height:1.36;margin:4px 0 8px}.intro{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.path-cards{display:grid;gap:10px;margin-top:26px}.path-card{height:82px;border:0;border-radius:17px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--ink);box-shadow:0 6px 15px rgba(76,72,81,.06)}.path-card i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-style:normal;background:rgba(255,255,255,.58)}.path-card span{flex:1}.path-card b,.path-card small{display:block}.path-card b{font-size:14px}.path-card small{font-size:10px;color:#697075;margin-top:4px}.path-card em{font-size:20px;font-style:normal;color:#6b6d78}.sky{background:#dcebe8}.plum{background:#e7dfec}.peach{background:#f2e3df}.gold{background:#f4e8d7}.culture-note{font-size:10px;line-height:1.65;color:#7d8885;padding:12px;border-radius:14px;background:#eaf2ef;margin-top:20px}.step-row{display:flex;align-items:center;gap:5px;margin:12px 0}.step-row span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#dedce3;color:#fff;font-size:9px}.step-row span.active{background:#8fb4ac}.step-row i{height:1px;flex:1;background:#dddbe3}.brief-block{margin:25px 0}.brief-block h3{font-size:13px;margin:0 0 12px}.brief-block h3 small{float:right;color:var(--muted);font-size:10px;font-weight:400}.zodiac-pills,.need-chips,.color-picks{display:flex;gap:8px;flex-wrap:wrap}.zodiac-pills button,.need-chips button,.color-picks button{border:1px solid var(--line);border-radius:16px;background:#fff;padding:8px 10px;color:#777980;font-size:11px}.zodiac-pills .selected,.need-chips .selected,.color-picks .selected{background:#edf1f0;border-color:#9cbdb5;color:#668e84}.pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pillar-grid label{font-size:10px;color:var(--muted);padding:9px;border-radius:11px;background:#fff}.pillar-grid input{display:block;border:0;background:transparent;width:100%;font-size:16px;color:var(--ink);outline:0;margin-top:4px}.form-tip{display:block;font-size:9px;color:var(--muted);margin-top:7px}.color-picks i{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-2px;margin-right:3px}.c-jade{background:#94bdb2}.c-plum{background:#bd9aac}.c-milk{background:#efece5}.c-amber{background:#d9b06f}.line-input{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;color:var(--muted);font-size:11px}.line-input input{width:70%;border:0;text-align:right;background:transparent;outline:0;color:var(--ink);font-size:12px}.segment{display:flex;gap:7px}.segment button{flex:1;padding:8px 3px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:10px}.segment .selected{border-color:#9bbab3;background:#eaf1ef;color:#648e84}.budget{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--muted);font-size:9px}.budget input{flex:1;accent-color:#8db2a9}footer{position:absolute;bottom:0;left:0;right:0;z-index:4;min-height:73px;display:flex;gap:9px;padding:11px 18px;background:rgba(255,253,251,.95);border-top:1px solid var(--line)}.primary,.secondary{flex:1;border:0;border-radius:23px;min-height:45px;font-size:12px}.primary{background:linear-gradient(100deg,#8fb8ae,#968fbb);color:#fff;box-shadow:0 7px 14px rgba(112,111,148,.2)}.primary i{font-style:normal;font-size:10px;margin-left:4px}.secondary{background:#eeecef;color:#747095;border:1px solid #e0dce5}.loading-page main{text-align:center;padding:110px 30px;position:relative;z-index:1}.loading-page p{font-size:11px;color:#8c85ab}.loading-page canvas{width:260px;height:260px;margin:5px auto}.loading-page h1{font-size:23px;line-height:1.4;margin:0}.loading-page small{color:var(--muted);font-size:10px}.load-line{height:4px;border-radius:5px;background:#e7e5e8;overflow:hidden;margin:20px auto;width:180px}.load-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,#92bcb2,#9a93bf);animation:load 2.7s forwards}@keyframes load{to{width:100%}}.result-switch{display:flex;gap:7px;overflow:auto;margin:14px 0}.result-switch button{white-space:nowrap;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--muted);padding:6px 9px;font-size:10px}.result-switch .selected{background:#e8f0ed;color:#668f86;border-color:#9dbcb4}.result-scroll>canvas,.master-detail>canvas,.product-scroll>canvas{width:100%;height:auto;display:block;border-radius:20px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.95),rgba(221,230,227,.78));margin:4px 0 15px}.result-copy{display:flex;align-items:center;justify-content:space-between}.result-copy h1{font-size:26px;margin:0 0 4px}.result-copy p{font-size:11px;color:var(--muted);margin:0}.heart{width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#9d96b7;font-size:18px}.spec-pills{display:flex;gap:6px;margin:12px 0}.spec-pills span{padding:4px 7px;border-radius:8px;background:#eeecef;color:#888391;font-size:9px}.why-card{display:flex;gap:9px;padding:14px;border-radius:17px;background:#e7f0ed;margin:18px 0}.why-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f8fffd;color:#77a097}.why-card>div:last-child{flex:1}.why-card h3{font-size:12px;margin:0}.why-card p{font-size:10px;color:#60746e;line-height:1.6;margin:5px 0}.why-card button{border:0;background:none;padding:0;color:#638e84;font-size:10px}.material-list article{display:flex;align-items:center;gap:10px;padding:11px 1px;border-top:1px solid var(--line)}.material-list article div{flex:1}.material-list b,.material-list small{display:block}.material-list b{font-size:11px}.material-list small{font-size:9px;color:var(--muted);margin-top:4px}.material-list strong{font-size:10px;color:#8d85ad;font-weight:400}.stone{width:22px;height:22px;display:inline-block;border-radius:50%;box-shadow:inset 3px 3px 5px rgba(255,255,255,.9),inset -4px -4px 5px rgba(55,64,67,.18),0 3px 5px rgba(44,44,48,.11)}.jade{background:#8db9ae}.moon{background:#e7e3dd}.amber{background:#d9af6b}.plum{background:#b79ab7}.aqua{background:#83b9bf}.manual-scroll{flex:1;overflow:auto;padding-bottom:78px;scrollbar-width:none}.manual-meta{height:40px;padding:0 16px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);font-size:10px}.manual-meta b{font-size:11px}.manual-meta small{color:var(--muted);flex:1}.manual-meta button{border:0;background:none;color:#7b75a2;font-size:16px}.status-dot{width:7px;height:7px;border-radius:50%;background:#96bfb5}.canvas-stage{height:355px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff 0 16%,rgba(255,255,255,.54) 18%,transparent 55%),linear-gradient(145deg,#e4e3f0,#e2ede9)}.stage-note{position:absolute;z-index:1;left:16px;right:16px;top:13px;display:flex;justify-content:space-between;color:#7c7c99;font-size:9px}.canvas-stage canvas{position:absolute;inset:5px 0 0;width:100%;height:330px;touch-action:none}.canvas-tools{position:absolute;z-index:2;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:16px}.canvas-tools button{border:0;background:rgba(255,255,255,.75);width:44px;height:44px;border-radius:50%;display:grid;place-content:center;color:#747098;box-shadow:0 4px 10px rgba(70,71,93,.12)}.canvas-tools i{font-style:normal;font-size:17px}.canvas-tools small{font-size:8px}.control-panel{margin:13px 14px 0;padding:14px;border-radius:16px;background:#fff;box-shadow:0 7px 17px rgba(65,61,74,.06)}.control-title{display:flex;justify-content:space-between;align-items:center}.control-title p{font-size:9px;color:#9a94b5;margin:0}.control-title h2{font-size:14px;margin:3px 0 0}.control-title button{border:0;background:none;color:#ad7a7d;font-size:10px}.rotation-control{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:10px;color:var(--muted)}.rotation-control input{flex:1;accent-color:#8cb3aa}.rotation-control b{font-size:9px;color:#77729d;width:48px;text-align:right}.fit-bar{display:flex;gap:7px;align-items:center;margin-top:11px;font-size:10px}.fit-bar i{flex:1;height:5px;background:#eff0ef;border-radius:5px;overflow:hidden}.fit-bar i b{display:block;height:100%;background:linear-gradient(90deg,#a6cbbf,#9e9ac3);border-radius:5px}.fit-bar strong{font-size:11px;color:#6d988d}.picker{padding:19px 16px}.picker-head{display:flex;justify-content:space-between;align-items:end}.picker-head p{font-size:9px;color:#9a94b4;margin:0}.picker-head h2{font-size:16px;margin:4px 0 0}.material-tabs{display:flex;gap:18px;margin:14px 0 12px}.material-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:4px 0;font-size:11px}.material-tabs .selected{color:#6e698f;border-color:#8f89b5}.bead-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.bead-choice{border:0;background:none;display:grid;justify-items:center;gap:4px;color:var(--ink);font-size:9px}.bead-choice .stone{width:33px;height:33px}.bead-choice b{font-size:9px;font-weight:400}.bead-choice small{font-size:8px;color:var(--muted)}.bead-choice.selected .stone{outline:2px solid #8d87b4;outline-offset:3px}.thermo{padding:18px;border-radius:21px;background:linear-gradient(135deg,#e4eee9,#e7e1ed)}.thermo-title{display:flex;justify-content:space-between;align-items:center}.thermo-title p{font-size:10px;color:#75847e;margin:0}.thermo-title h1{font-size:24px;margin:4px 0}.thermo-title>b{font-size:36px;color:#72709b}.thermo-title small{font-size:12px}.thermo-track{height:10px;border-radius:10px;background:linear-gradient(90deg,#a9c4d4,#a8c7b9,#e3aa7c);position:relative;margin:22px 0 25px}.thermo-track i{position:absolute;left:89%;top:-5px;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid #ddae79;box-shadow:0 2px 7px rgba(86,70,61,.15)}.thermo-track span{position:absolute;top:16px;font-size:8px;color:#8a8b91}.thermo-track .cold{left:0}.thermo-track .warm{left:44%}.thermo-track .hot{right:0}.thermo-track em{position:absolute;right:0;top:-27px;border-radius:8px;background:#d99f6e;color:#fff;padding:3px 5px;font-size:8px;font-style:normal}.thermo>p{font-size:11px;color:#62726d;line-height:1.75;margin:0}.score-breakdown{margin-top:17px}.score-breakdown article{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 2px}.score-breakdown article>div{display:grid;grid-template-columns:15px 1fr;column-gap:8px}.score-breakdown b{font-size:11px}.score-breakdown small{grid-column:2;font-size:9px;color:var(--muted);margin-top:3px}.score-breakdown strong{font-size:17px;color:#79749d}.dot{width:10px;height:10px;border-radius:50%;margin-top:3px}.dot.mint{background:#92bcb1}.dot.violet{background:#a49abe}.amber-dot{background:#d8ae70}.peach-dot{background:#dbaaa3}.easter-egg{display:flex;gap:11px;padding:16px;margin-top:18px;border-radius:18px;background:#f1e7dd}.spark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff8ef;color:#d19e62;font-size:19px}.easter-egg div:last-child{flex:1}.easter-egg span{font-size:9px;color:#c18c5b}.easter-egg h2{font-size:14px;margin:3px 0}.easter-egg p{font-size:10px;line-height:1.55;color:#876e60;margin:3px 0 7px}.easter-egg button{border:0;background:none;color:#ad775c;padding:0;font-size:10px}.growth{margin-top:20px}.growth-chart{height:88px;position:relative;border-bottom:1px solid #dddde1;background:linear-gradient(180deg,transparent 49%,#e9e8eb 50%,transparent 51%)}.growth-chart i{position:absolute;bottom:15px;width:14px;border-radius:9px 9px 0 0;background:#9cc5bc}.growth-chart i:nth-child(1){height:26px;left:21%}.growth-chart i:nth-child(2){height:42px;left:39%;background:#c1aed0}.growth-chart i:nth-child(3){height:52px;left:57%;background:#dcb477}.growth-chart i:nth-child(4){height:65px;left:75%;background:#94bcb3}.growth-chart span{position:absolute;bottom:-15px;font-size:8px;color:var(--muted)}.growth-chart span:nth-last-child(2){left:16%}.growth-chart span:last-child{right:13%}.growth>p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:25px}.masters-hero{height:167px;border-radius:23px;background:linear-gradient(135deg,#7e9f9d,#aaa3c5);color:#fff;padding:20px;position:relative;overflow:hidden}.masters-hero:after{content:"";position:absolute;right:-37px;bottom:-73px;width:180px;height:180px;border-radius:50%;border:22px solid rgba(255,255,255,.18)}.masters-hero p,.masters-hero span{font-size:10px;margin:0;opacity:.87}.masters-hero h1{font-size:26px;line-height:1.3;margin:8px 0}.filter-row{display:flex;gap:8px;overflow:auto;margin:15px 0}.filter-row button{white-space:nowrap;border:0;border-radius:15px;background:#fff;color:var(--muted);padding:7px 10px;font-size:10px}.filter-row .selected{background:#e8efed;color:#658d84}.master-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.master-grid article{position:relative;background:#fff;border-radius:15px;padding:8px;box-shadow:0 6px 15px rgba(64,58,55,.06)}.master-grid canvas{display:block;width:100%;height:auto;border-radius:10px;background:#e6eeeb}.master-grid span{position:absolute;left:14px;top:14px;border-radius:6px;background:rgba(255,255,255,.76);padding:3px 5px;color:#7d779f;font-size:8px}.master-grid h3{font-size:12px;margin:9px 2px 3px}.master-grid p{font-size:9px;color:var(--muted);margin:0 2px 5px}.master-grid b{font-size:10px;color:#b27b7b;margin:0 2px}.master-detail h1{font-size:27px;margin:4px 0}.master-detail>.intro{font-size:11px;line-height:1.7}.master-actions{display:flex;gap:8px;margin:17px 0}.master-actions button{border:1px solid #d8d4e2;border-radius:17px;background:#fff;color:#77719d;padding:8px 11px;font-size:10px}.designer{display:flex;align-items:center;gap:9px;padding:13px 0;border-top:1px solid var(--line)}.designer>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#a3c5bd;color:#fff;font-size:11px}.designer div{flex:1}.designer b,.designer small{display:block}.designer b{font-size:11px}.designer small{font-size:9px;color:var(--muted);margin-top:3px}.designer button{border:1px solid #a6c2b9;border-radius:13px;background:#fff;color:#658d84;font-size:10px;padding:5px 9px}.product-info{display:flex;justify-content:space-between;align-items:center}.product-info p{font-size:9px;color:#968fb2;margin:0}.product-info h1{font-size:23px;margin:3px 0}.product-info small{font-size:10px;color:var(--muted)}.product-info strong{font-size:21px;color:#ad7c7b}.option-section{padding:17px 0;border-top:1px solid var(--line);margin-top:16px}.option-section h3{font-size:12px;margin:0 0 12px}.option-cards{display:grid;gap:7px}.option-cards button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px;text-align:left}.option-cards button.selected{border-color:#9ab9b1;background:#f3f8f6}.option-cards i{width:25px;height:25px;border-radius:50%}.silver{background:linear-gradient(135deg,#fafafa,#adb2bb)}.steel{background:linear-gradient(135deg,#c8ced4,#6f777e)}.gold{background:linear-gradient(135deg,#f2d598,#c69645)}.option-cards span{flex:1}.option-cards b,.option-cards small{display:block}.option-cards b{font-size:11px}.option-cards small{font-size:9px;color:var(--muted);margin-top:2px}.option-cards em{font-size:9px;color:#77829a;font-style:normal}.services label{display:block;padding:8px 0;font-size:11px}.services label span{float:right;color:#a87d7b}.stock-note{display:block;padding:11px;border-radius:13px;background:#edf4f1;color:#70847d;font-size:10px;line-height:1.6}.pay-footer{align-items:center}.pay-footer div{min-width:80px}.pay-footer small,.pay-footer b{display:block}.pay-footer small{font-size:9px;color:var(--muted)}.pay-footer b{font-size:18px;color:#a67978}.address{display:flex;align-items:center;gap:8px;padding:16px 2px;border-bottom:1px solid var(--line)}.address i{font-style:normal;color:#7c77a1;font-size:20px}.address div{flex:1}.address b{font-size:11px}.address p{font-size:9px;line-height:1.5;color:var(--muted);margin:4px 0}.address em{font-style:normal;font-size:22px;color:var(--muted)}.order-card{display:flex;gap:10px;padding:17px 0;border-bottom:1px solid var(--line)}.order-thumb{width:72px;height:72px;position:relative;overflow:hidden;border-radius:12px;background:#e7efec}.order-thumb canvas{position:absolute;width:72px;height:72px}.order-card div:last-child{flex:1}.order-card b,.order-card p,.order-card strong{display:block}.order-card b{font-size:12px}.order-card p{font-size:10px;color:var(--muted);margin:5px 0}.order-card strong{font-size:13px;color:#ac7979}.bill{padding:10px 0;border-bottom:1px solid var(--line)}.bill p{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.bill b{font-weight:400;color:var(--ink)}.bill .discount{color:#ad7d7a}.purchase-note{margin-top:18px;padding:13px;border-radius:14px;background:#f1eff5}.purchase-note b{font-size:11px}.purchase-note p{font-size:10px;color:#77778b;line-height:1.6;margin:5px 0 0}.order-done{height:100%;padding:79px 27px;text-align:center}.done-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#a4c8be;color:#fff;font-size:25px;margin:auto}.order-done>p{font-size:11px;color:#7a937f;margin:13px 0 3px}.order-done h1{font-size:24px;line-height:1.4;margin:0}.order-done canvas{width:200px;height:155px;margin:8px auto}.order-done section{text-align:left;border-radius:16px;background:#f0f4f2;padding:13px;margin:8px 0 16px}.order-done section span{font-size:10px;color:var(--muted)}.order-done section b{float:right;color:#659085;font-size:11px}.order-done section p{font-size:10px;line-height:1.6;color:#74817d;margin:6px 0 0}.order-done .primary{width:100%;flex:none}.text-link{border:0;background:none;color:#78729d;font-size:11px;padding:13px}.profile{display:flex;align-items:center;gap:11px;padding:9px 0 18px}.profile>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a3c6bd,#9d96bf);color:#fff;font-size:17px}.profile div{flex:1}.profile h1{font-size:17px;margin:0}.profile p{font-size:10px;color:var(--muted);margin:4px 0}.profile button{border:0;background:none;color:#77719d;font-size:10px}.design-sales{padding:16px;border-radius:19px;background:linear-gradient(125deg,#92b8b0,#9d97be);color:#fff}.design-sales p{font-size:10px;margin:0;opacity:.9}.design-sales h2{font-size:29px;margin:4px 0}.design-sales h2 small{font-size:10px;font-weight:400}.design-sales div{display:flex;justify-content:space-between;align-items:end}.design-sales span{font-size:10px}.design-sales span b{display:block;font-size:15px;margin-top:3px}.design-sales button{border:0;background:none;color:#fff;font-size:10px}.mine-orders{margin-top:17px}.mine-orders button{width:100%;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:15px 2px}.mine-orders i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ebeaf3;color:#817ba8;font-style:normal}.mine-orders b{font-size:11px}.mine-orders small{font-size:9px;color:var(--muted);flex:1}.mine-orders em{margin-left:auto;font-style:normal;font-size:20px;color:var(--muted)}#toast{position:absolute;z-index:20;bottom:83px;left:50%;transform:translate(-50%,15px);opacity:0;border-radius:15px;background:#4e5161;color:#fff;padding:10px 13px;white-space:nowrap;font-size:10px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:650px){body{padding:22px;background:radial-gradient(circle at 20% 15%,#e8e4ee,#c9c5be)}.phone-shell{height:calc(100vh - 44px);border-radius:30px}.page{border-radius:30px}}@media(max-width:360px){.hero-card h1{font-size:22px}.quick-entry b{font-size:10px}.path-card{height:76px}.master-grid{gap:10px}.canvas-stage{height:331px}.bead-grid{gap:3px}}